欢迎光临
我们一直在努力

SwiftUI Learning

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

SwiftUI Learning

项目介绍:

项目介绍:SwiftUI Learning项目地址 :GitHub苹果与2019年6月4日发布的全新UI框架旨在统一苹果各平台的UI(包括UIKit ,AppKit…),这是一些例子(包含部分来自官方的教程)。
在开始之前,你需要如下准备

工具 是否必须
Xcode 11 beta
mac OS Mojave or Higher

(如果想要体验实时预览和完整的Xcode 11 功能,需要macOS 10.15 beta)开始第一个demo
1.创建新的项目,并勾选使用SwiftUI
2.打开ContentView.swift文件,文件内容如下

  1. import SwiftUI
  2. struct ContentView: View {
  3.     var body: some View {
  4.         Text("Hello SwiftUI")
  5.     }
  6. }
  7. #if DEBUG
  8. struct ContentView_Previews: PreviewProvider {
  9.     static var previews: some View {
  10.         ContentView()
  11.     }
  12. }
  13. #endif

复制代码
修改UI只需要按住command点击对应了的UI控件(或代码)编辑即可如下图:(macos 10.14不会弹出此菜单),修改预览中路那个的属性会直接自动同步更新源代码,更改代码会更新预览视图
3.修改代码实现自定义视图(点击源码中Text跳转到定义,查看SwiftUI定义的所有控件代码约1W行 )示例代码

  1. //
  2. //  ContentView.swift
  3. //  SwiftUI-example
  4. import SwiftUI
  5. struct ContentView: View {
  6.     var body: some View {
  7.         // 创建 文本(Label)
  8.         let aText = Text("Hello SwiftUI")
  9.             .color(.yellow)
  10.             .strikethrough()
  11.             .font(.system(size: 14.1))
  12.         // 创建 按钮(Button)
  13.         let aButton = Button(action: {
  14.             print(#function)
  15.         }) {
  16.             Text("Hello SwiftUI")
  17.         }
  18.         let aView = AnyView(aText)
  19.         // 创建图片
  20.         let anImage = Image("img")
  21.             .aspectRatio(contentMode: .fit)
  22.         // 布局各视图
  23.         return VStack {
  24.             anImage
  25.             aText
  26.             aButton
  27.             aView
  28.         }
  29.     }
  30. }
  31. #if DEBUG
  32. struct ContentView_Previews: PreviewProvider {
  33.     static var previews: some View {
  34.         ContentView()
  35.     }
  36. }
  37. #endif

复制代码
更多官方示例源码:

  • 创建和组合视图(Creating and Combining Views)
  • 列表和导航栏(Building Lists and Navigation)
  • 处理用户事件(Handling User Input)
  • 绘图路径和形状(Drawing Paths and Shapes)
  • 动画和转场(Animating Views and Transitions)
  • 复杂界面组合(Composing Complex Interfaces)
  • UIKit混合开发(Interfacing with UIKit)&(Working with UI Controls)

如果你想了解更多关于SwiftUI的内容,你可以通过以下途径获取

  • SwiftUI Apple 官方教程
  • SwiftUI Apple Documentation
  • WWDC19 SwiftUI
  • Xcode SwiftUI Source


赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » SwiftUI Learning
分享到: 更多 (0)