当前位置:首页 > 操作系统 > Ios

SwiftUI iOS 仿Clubhouse App界面(教程含源码)

实战需求

SwiftUI iOS 仿Clubhouse App界面

本文价值与收获

看完本文后,您将能够作出下面的界面

SwiftUI iOS 仿Clubhouse App界面(教程含源码) - 文章图片

看完本文您将掌握的技能

  • 基于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、主界面

mport SwiftUI

struct ClubhouseHome: View {
    var body: some View {
     
        ZStac

【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!