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

时间:2016-02-16 12:51:09

标签: windows-phone-8

是Windows Mobile Development的新手,(不是通用应用程序)

我正在创建一个GUI登录页面,其中有一些TextBlockTextBox

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

例如,对于熟悉Adobe Flash的人,可以将对象的锚点定位在中间,然后使用

this.x = Stage.stageWithX/2;

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

如何在Windows Mobile中实现这一点,因此在不同设备上进行测试时,我会得到相似的外观。

1 个答案:

答案 0 :(得分:1)

这个问题太宽泛了,我还是试着让你开始使用windows phone xaml design。

xaml元素具有名为HorizontalAlignmentVerticalAlignment的属性。如果将属性的值设置为stretch,则元素占用可用的总空间。

在您的方案中,使用包含两列的网格并设置元素的对齐属性。 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>