SwiftUI-002-视图控件属性可视化编辑以及暗黑模式和横竖屏多屏预览

横屏模式

点击图中红色标记处,切换模拟器为横屏或者竖屏

开发功能模块如有适配横屏需求,注意切换时的动画过渡和布局自适应

img

暗黑模式

使用属性编辑为暗黑模式

除了适配系统,分辨率等场景,暗黑模式也是功能之一

img

多预览

点击加号图标,可以添加多个视图预览

同时对应的代码也会变动,可用于一个显示默认模式,一个显示暗黑模式等

img

可视化编辑

可以通过代码修改视图和样式

也可以通过属性面板可视化编辑

两者之间的改动是双向联动

点击Text控件则显示对应的属性,可以修改如字体,颜色,粗细,间距,对齐方式等等属性

点击ContentView显示对应的属性,显示如布局,暗黑模式,间距等等等

打开控件属性面板的方式有很多种,具体在视频中演示

img

END