如何利用媒体查询技术实现WPF的动态响应式布局设计？

本文共计1227个文字，预计阅读时间需要5分钟。

WPF客户端开发常需在不同屏幕尺寸下运行，为展现友好，开发时考虑响应式设计。布局可参考示例，而非直接指定精确大小，如使用Wid。

WPF 客户端经常需要运行在各种不同大小屏幕下，为了显示友好，所以开发的时候都需要考虑响应式设计。
布局往往通过指定比例，而不直接指定准确的大小来实现响应式布局（如 Width="3*" ），但是具体控件的大小（如 Thickness、CornerRadius）就没有开箱即用的响应式功能了，用 viewbox 来包装，比例就跟设计稿不一样了，看起来很怪。
嗐，所以又只能自己开发了！

实现目标

• 实现类似 css @media 媒体查询类似的功能。
• 设计稿都是 1920 × 1080 实现的，在 3840 × 2160 下，应该将所有控件的大小，边框放大两倍。
• 要考虑用户在系统下设定的缩放比例。
• 同事用起来要舒服，要支持热重载。

实现逻辑 根据屏幕大小和屏幕缩放比例来计算缩放系数。

• 屏幕的 api 当然是白嫖别人写的库啦，我这里用的是 WpfScreenHelper。