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，并在后面的代码中访问它们以在运行时更改宽度。您还可以创建一个数据绑定来执行此操作，而无需背后的代码。