在xaml中如何根据窗口大小动态改变文本和图像的位置

Question

当用户调整应用程序窗口的大小和宽度非常小时，我想更改图像和文本的位置。请参考附加的gif，它显示它发生在一个Windows设置应用程序。我想做一些类似的事情。

​

​

Answer 1

当用户调整应用程序窗口的大小时，我想更改图像和文本的位置。

你要找的是带有视觉状态和状态触发器的自适应布局。

当应用程序窗口增长或缩小超过一定数量时，您可以更改布局属性以重新定位、重新大小、再流、显示或替换UI的部分。您需要的是首先为您的UI定义不同的可视状态。然后，当窗口宽度或窗口高度超过指定的阈值时应用它们。上面的文档显示了更改不同窗口大小的可视状态的不同方法。

有两种常见的方式：

1. 在后面的代码中处理Window.SizeChanged事件。然后调用VisualStateManager.GoToState法以应用适当的可视状态。
2. 在XAML中使用AdaptiveTrigger类。当窗口的大小增长或缩小到您定义的值之后，它将被触发以应用可视状态。

有关更多信息和代码示例：带有视觉状态和状态触发器的自适应布局，请查看此文档。