ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2021-02-15 10:00:56  阅读:277  来源: 互联网

标签:Clubhouse 界面 color App iOS width 源码 SwiftUI View


实战需求

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

mport SwiftUI

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

标签:Clubhouse,界面,color,App,iOS,width,源码,SwiftUI,View
来源: https://blog.csdn.net/iCloudEnd/article/details/113813609

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有