- SwiftUI iOS 仿Clubhouse App界面（教程含
- SwiftUI iOS 组合使用ScrollView和LazyV
- SwiftUI iOS 提示组件之 仿Xcode图标图片提示框A
- SwiftUI 界面大全之商城类App内容管理复杂界面(教程含源
- SwiftUI iOS 精品项目百科类之水果百科App（教程含源
- SwiftUI 复杂界面之任务管理界面支卡片选择 （教程含源码）
- macOS SwiftUI 界面之如何设置按钮悬停切换不同光标
- SwiftUI iOS 开源项目之购物类App界面(教程含源码)
- macOS SwiftUI 开源项目之 文档类显示App tri
- SwiftUI 动画之绘制仿心跳曲线动画 (教程含源码)
实战需求
SwiftUI iOS 仿Clubhouse App界面
本文价值与收获
看完本文后，您将能够作出下面的界面
截屏2021-02-15 上午8.09.39.png
看完本文您将掌握的技能
- 基于ZStack进行布局
- .offset(y: 20)实现组件码放
- 设置视图大小和颜色.frame(width: UIScreen.main.bounds.width, height: 100).background(Color(UIColor.systemBackground))
- clubhouse 基础配色
"color" : {
"color-space" : "display-p3",
"components" : {
"alpha" : "1.000",
"blue" : "0.925",
"green" : "0.968",
"red" : "0.965"
}
},
实战代码
1、主界面
网友评论