双向交互
SwiftUI
的编辑器是双向交互的。 简单说就是你在左边代码编辑器的改动会立即反应到右边的预览视图。 同样,右边的预览视图也是可以编辑的,相应的改动也会同步到左边的代码视图。
如上图这样, 我们可以按住 Commond 键
然后点击
预览视图上面的组件, 就会弹出属性窗口:
属性窗口中,有很多可以对这个组件操作的选项,我们可以点击 Inspect , 这个选项代表设置当前组件的属性,然后会打开属性窗口,设置组件的文字,颜色等信息:
不仅可以在预览视图通过 Command + 组件
的方式打开属性编辑器,你同样可以在代码视图这么做:
按住 Command 然后在代码中```鼠标右键``相应组件的实例名,就可以再代码编辑器中打开属性窗口。