SwiftUI初体验
2019-06-07 本文已影响0人
swifter_mp
项目地址 :GitHub
苹果与2019年6月4日发布的全新UI框架旨在统一苹果各平台的UI(包括UIKit ,AppKit...),这是一些例子(包含部分来自官方的教程)。
在开始之前,你需要如下准备
mac OS Mojave or Higher
(如果想要体验实时预览和完整的Xcode 11 功能,需要macOS 10.15 beta)
开始第一个demo
1.创建新的项目,并勾选使用SwiftUI

p1.png

p2.png

2.打开ContentView.swift文件,文件内容如下
如果使用的是macOS 10.15 beta 版本的系统则可以打开实时预览页面

p5.png
(如果是macOS 10.14打开也只有源代码编辑界面)
修改UI只需要按住command点击对应了的UI控件(或代码)编辑即可如下图:(macos 10.14不会弹出此菜单),修改预览中路那个的属性会直接自动同步更新源代码,更改代码会更新预览视图

p6.png

更多官方示例源码:
创建和组合视图(Creating and Combining Views)
列表和导航栏(Building Lists and Navigation)
绘图路径和形状(Drawing Paths and Shapes)
动画和转场(Animating Views and Transitions)
复杂界面组合(Composing Complex Interfaces)
UIKit混合开发(Interfacing with UIKit)&(Working with UI Controls)
如果你想了解更多关于SwiftUI的内容,你可以通过以下途径获取