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>

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