[英]How can I create an adaptive layout in WPF?
可以设计网站以使用媒体查询来适应较小的屏幕尺寸。 例如,宽屏幕上的三列,低分辨率手机上的一列。
是否有类似的技术让WPF根据可用的屏幕空间或父控件大小调整布局?
例如,我希望在大屏幕上水平显示3列,但在较小的屏幕上垂直显示。 理想情况下,我想制定如下布局:“如果此控件的宽度小于400点,则以这种方式重新排列这些控件。”
如何在WPF中创建这样的自适应设计? 也就是说,为特定父控件大小的控件定义不同的布局?
理想情况下,控件应该重新排列而不是重复或重新创建,以避免极其缓慢。
最简单的方法是使用DataTriggers
和Converter
来测试绑定值是大于还是小于参数。
这将允许您根据绑定值轻松调整样式设置器。 例如,你可以使用
<Style x:Key="MyControlStyle">
<!-- Default Values -->
<Setter Property="Grid.Row" Value="0" />
<Setter Property="Grid.Column" Value="0" />
<Style.Triggers>
<DataTrigger Value="True"
Binding="{Binding ActualHeight, ElementName=MyWindow,
Converter={StaticResource IsValueLessThanParameter},
ConverterParameter=400}">
<!-- Values to use when Trigger condition is met -->
<Setter Property="Grid.Row" Value="1" />
<Setter Property="Grid.Column" Value="1" />
</DataTrigger>
</Style.Triggers>
</Style>
如果您有一个更复杂的布局,其中许多部分会根据某些触发值进行更改,则可以使用触发器而不是单个属性替换整个模板
<Style x:Key="MyContentControlStyle" TargetType="{x:Type ContentControl}">
<Setter Property="ContentTemplate" Value="{StaticResource BigTemplate}" />
<Style.Triggers>
<DataTrigger Value="True"
Binding="{Binding ActualHeight, ElementName=MyWindow,
Converter={StaticResource IsValueLessThanParameter},
ConverterParameter=400}">
<Setter Property="ContentTemplate" Value="{StaticResource LittleTemplate}" />
</DataTrigger>
</Style.Triggers>
</Style>
我相信你也可以绑定到SystemParameters
对象,以便在绑定中使用有关应用程序的其他信息,尽管我现在还记不起它的确切语法。
如果你正在使用WPF的UWP风格,那么你可以使用AdaptiveTrigger
:
<AdaptiveTrigger MinWindowWidth="720" MinWindowHeight="900" />
我知道做这样的事情的唯一方法是在代码中,你需要创建一个自定义布局。 最简单的方法是创建一个继承自Panel的新类,并实现MeasureOverride和ArrangeOverride。 我之前已经完成了自定义布局,并且它们最终会成为一个相当大的痛苦,以适应所有情况。 如果你谷歌“wpf自定义布局”,你会得到一些很好的例子。 鉴于您想要的所有功能,您肯定会为您完成工作。 您可能希望查看附加属性,以了解如何在xaml中添加注释,以便让您的代码了解应该包含在不同大小的内容。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.