Как настроить страницу xaml для каждого разрешения и экрана?

Question

Я разрабатываю приложение для магазина Windows 8.1. По умолчанию приложения для хранения файлов Windows генерируют страницы с размером экрана 10,6 "и разрешением 1366 * 768. Я хочу, чтобы каждая страница xaml соответствовала всем размерам экрана и разрешениям. Я решил эту проблему с помощью Viewbox, но только одна страница не ведет себя, как expected.I делаю это: <Viewbox> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> </Grid>

сетка не принимает всю ширину страницы, но Viewbox является taking.Please помощь

Answer 1

по умолчанию в. ViewBox будет растягивать униформу для поддержания пропорций его содержимого. Вы можете установить его свойство Stretch для заполнения, если хотите, чтобы он исказился, чтобы заполнить всю страницу.

Вы не включаете содержимое Grid в свой фрагмент кода, поэтому неясно, что у вас есть, чтобы узнать, как оно растягивается. Поскольку он растягивается, чтобы заполнить вертикально, но не горизонтально, я ожидаю, что ваше содержимое будет выше, чем они широкие.

Как замечает Крис W в своем комментарии, ViewBox, вероятно, не то, что вы хотите здесь. В общем, вам лучше использовать гибкие средства управления компоновкой, такие как Grid. Если вы удалите ViewBox, сетка (предположим, что она находится в корне страницы) будет расширяться до полного размера окна. Используя относительные размеры строк и столбцов (как и вы), а не размеры жесткого кодирования, макет должен соответствовать размеру страницы.

Для экстремальных различий, таких как портрет и пейзаж против тощего, вы можете использовать Visual States для предоставления различных макетов для одного и того же контента. MSDN Quickstart: Designing apps for different window sizes подробно рассказывает о том, как это сделать.