这是一个非常有趣的小项目。如果你是微软(Microsoft)的粉丝,那么这个小项目一定会让你眼前一亮,它模仿了Windows 10的“设置”,虽然不是百分百模仿,但是相似度极高。它没有使用MVVM模式,也没有使用更高技巧的C#语言,它所使用的C#语言代码非常的简单基础。
首先我们打开vs2019,创建一个应用“空白应用(通用 Windows)”,项目名称可以根据的喜好进行命名,一切准备就绪后进入开发界面。
我们双击“MainPage.xaml”进入XAML页面,如果你的应用要适配手机端,那么你可以直接在页面的左上端选择5*Phone 。
根据Windows 10内置的“设置”来看,“设置”使用了屏幕自适应设计模式,当屏幕尺寸进行大小变化时,应用内部的显示方式也随之发生了变化。
这是我在GitHub上传的项目,它就模仿了Windows 10内置的“设置”界面。下图是它的XAML界面。
在<ScrollViewer>···</ScrollViewer>里面有<StackPanel>···</StackPanel>,在<StackPanel>···</StackPanel>里又有两个小的<StackPanel>···</StackPanel>,他们的名字分别是left和right,left对应的是5*Phone显示界面,right对应的是大尺寸的显示界面。