Metro应用程序的XAML Fluid布局

时间:2012-10-15 08:31:21

标签: c# xaml windows-runtime winrt-xaml

  

可能重复:
  WPF - Margin in percentage

我使用C#和XAML编写简单的Metro应用程序。 我有图像背景和背景图像填充整个屏幕 - 分辨率独立性。 但现在,我想放置一些按钮,并使用保证金定位。但是这个解决方案不是解决方案独立性。

有没有办法如何放置具有分辨率独立性的元素?像CSS中的百分比差距?

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

一种解决方案是在Grid.ColumnDefinitions / RowDefinitions中使用星列宽度和列高度,所以你可以这样做:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition
            Width="5*" />
        <ColumnDefinition
            Width="4*" />
        <ColumnDefinition /> <!-- 1* is the default -->
    </Grid.ColumnDefinitions>
    <TextBlock
        Text="Percentage aligned text in column 0 (default)" />
    <TextBlock
        Text="Percentage aligned text in column 2"
        Grid.Column="1" />
</Grid>

另一种方法是将其设计为特定的宽度/高度,并将其放在Viewbox控件内,该控件将其拉伸到可用的尺寸。

*编辑

我写了一篇关于布局的博客文章也可能对你有帮助。

http://blog.safaribooksonline.com/2012/10/13/layout-and-formatting-with-windows-8-xaml-development/