SwiftUI 初体验 1 基础功能的使用

SwiftUI的使用需要更新Xcode11,而SwiftUI的预览功能需要安装一系列的component,这些component需要在macOS catalina才能正常使用。那么catalina正式发布之前,我们必须加入测试计划才能提早获得macOS的新版本。在搜索引擎找macOSPublicBetaAccessUtility,你会知道怎么下载最新版的系统版本。更新完工具后,创建勾选了Sw...
摘要由CSDN通过智能技术生成

SwiftUI的使用需要更新Xcode11,而SwiftUI的预览功能需要安装一系列的component,这些component需要在macOS catalina才能正常使用。那么catalina正式发布之前,我们必须加入测试计划才能提早获得macOS的新版本。
在搜索引擎找macOSPublicBetaAccessUtility,你会知道怎么下载最新版的系统版本。

更新完工具后,创建勾选了SwiftUI的SingleViewApplication项目,打开默认的ContentView文件,在右侧工具栏打开预览(快捷键opt+cmd+return),面板的右上角点resume启动预览。
工程默认显示基础架构,包含helloworld文本,我们可以简单修改Text类了解控件的基本操作用法:

struct ContentView: View {
   
    var body: some View {
   
        Text("Hello Eugene,\nLet's begin explore SwiftUI,\nnow we change the Text's attibutes")
            .font(.body)
            .fontWeight(.medium)
            .foregroundColor(Color.blue)
    }
}

Text类的属性修改api会把self返回,我们可以直接在后面连缀更多的属性编辑语句。在预览区的控件上按cmd+左键,可以看到Inspector面板,我们可以用可视化的方式编辑我们的代码,并实时更新到我们的代码中。
inspector1
inspector2
同样的面板可以在代码区Text类cmd+左键唤醒。
inspector3
Stacks,一个其他语言很常见的对象在SwiftUI出现了。它可以在界面的横向和纵向为内容提供容器,并管理它们的排列。在代码区或者预览区cmd+leftmouse选择embed in stack可以自动嵌套stack块。

struct ContentView: View {
   
    var body: some View {
   
        VStack {
   
            HStack {
   
                Text("Hello Eugene,\nLet's begin explore SwiftUI,\nnow we change the Text's attibutes")
                    .font(.body)
                    .fontWeight(.medium)
                    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值