登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

SwiftUI Learning

[复制链接]
来自: DKJone 分类: iOS精品源码 上传时间: 2019-6-4 17:04:50
Tag:

项目介绍:

项目介绍: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
复制代码

更多官方示例源码:
如果你想了解更多关于SwiftUI的内容,你可以通过以下途径获取



相关源码推荐:

我来说两句
*滑动验证:
所有评论(5)
bug是啥 2019-6-4 18:46:19
好好 学习了 确实不错
回复
phoiu 2019-6-4 18:46:23
好好 学习了 确实不错
回复
Rf2698 2019-6-4 18:46:45
感谢分享,楼主V5~
回复
t8569 2019-6-4 18:46:54
code4app好的代码demo真的很多,谢谢啦~
回复
Wsdtg 2019-6-4 18:47:17
mark,收藏了
回复
inta加加 2019-6-4 18:47:28
膜拜大神~
回复
code4app热心网友 2019-6-4 19:16:24
学习学习!
回复
iOS_learn 2019-6-5 08:24:45
精华内容,楼主V5!
回复
code4app热心网友 2019-6-5 12:39:36
虽不明,但觉厉!
回复
提取码:  下载次数:6 状态:已购或VIP 售价:0(原价:15)金钱 下载权限:初级码农 
436 0 6
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表