Windows应用商店8.1方向更改

Question

方向更改时如何应用2种布局？ 我有2个布局，下面有使用*值指定宽度的列。 我不知道如何更改这些值。

我想通过混合行为来做到这一点。

请让我知道任何我应该参考的好文章。

这是我的风景

这是我想要的人像视图

Answer 1

如果我理解您的要求正确，那么您需要两列：

1. 第一种使用没有固定像素宽度的完整可用空间
2. 第二列应始终为例如300px的宽度（列1不使用的宽度）

在这种情况下，您可以声明第二个列宽而不带* ：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition /> <!-- implicitly 1* -->
        <ColumnDefinition Width="300" />
    </Grid.ColumnDefinitions>
    <Border Background="lightblue"/>
    <Border Background="LimeGreen" Grid.Column="1"/>
</Grid>

您可以使用x:Name属性为这些ColumnDefinitons x:Name ，并在后面的代码中访问它们以在运行时更改宽度。 您也可以创建数据绑定来执行此操作，而无需任何代码。