如何制作适合所有屏幕和宽度的 UI

Question

Windows 移动开发新手，（不是通用应用程序）

我正在制作一个 GUI 登录页面，其中有一些 TextBlock 和 TextBox。

如何定位 UI 个元素以适合所有屏幕，

比如熟悉Adobe Flash的朋友，可以把一个对象的锚点放在中间，然后使用

this.x = Stage.stageWithX/2;

这确保无论屏幕是什么，对象 x 位置都将位于中间。

这是如何在 Windows 移动设备上实现的，所以当在不同的设备上测试时，我会得到相似的外观和感觉。

Answer 1

这个问题太宽泛了，我会尽力让你开始 windows phone xaml 设计。

xaml 元素具有名为 HorizontalAlignment and VerticalAlignment 的属性。如果将属性的值设置为拉伸元素占用可用总数space.

在您的方案中，有一个包含两列的网格并设置元素的对齐属性。 xaml代码：

<Grid>
     <Grid.ColumnDefinitions>
         <ColumnDefinition Width="1*" />
         <ColumnDefinition Width="1*" />
     </Grid.ColumnDefinitions>

     <TextBlock Text="Hello"
         HorizontalAlignment="Stretch" />
     <TextBox Grid.Column="1" Text="World"
         HorizontalAlignment="Stretch" />
</Grid>

如何制作适合所有屏幕和宽度的 UI

How to make a UI that fits all screens and widths

windows-phone-8