SwiftUI学习笔记

Shape swiftUI中的几种形状 Circle 圆 Ellipse 椭圆 Rectangle 方形 RoundedRectangle 圆角方形 Capsule 胶囊形状

siwftUI横向纵向九宫格 siwftUI横向纵向九宫格 siwftUI横向纵向九宫格 siwftUI横向纵向九宫格

Combin异步编程 MVVM Combin异步编程 MVVM Combin异步编程 MVVM Combin异步编程 MVVM

swiftUI 折叠扩展组件 swiftUI 折叠扩展组件 swiftUI 折叠扩展组件 swiftUI 折叠扩展组件

模态按钮 模态视图 模态按钮 模态视图 模态按钮 模态视图 模态按钮 模态视图 模态按钮 模态视图 模态按钮 模态视图

导航跳转 自定义返回按钮 导航栏 自定义返回按钮 导航栏 自定义返回按钮 导航栏 自定义返回按钮 导航栏

文字列表 另一种实现方式 Message Identifiable 文字列表 另一种实现方式 Message Identifiable

大神链接 .closeSubpath() // 自动将起点与终点连接起来 大神链接 .closeSubpath() // 自动将起点与终点连接起来

场景一个按钮有选中未选中状态，然后文本随着按钮状态更改文本 TitleView 主页面 场景一个按钮有选中未选中状态，然后文本随着按钮状态更改文本 TitleView 主页面

左右渐变 上下渐变 按钮背景颜色渐变 左右渐变 上下渐变 按钮背景颜色渐变 左右渐变 上下渐变 按钮背景颜色渐变

普通按钮 图片按钮 图片加按钮 普通按钮 图片按钮 图片加按钮 普通按钮 图片按钮 图片加按钮 普通按钮 图片按钮 图片加按钮

新建一个swiftUI view - CardView 主页面 新建一个swiftUI view - CardView 主页面

VStack 竖直排列 alignment:对齐方式, spacing:组件间隔 水平排列 z轴排列

Image 自适应大小 图片没有完全显示全 可以用Image的resizable()来让图片自动适应 忽略安全区域 全屏显示 等比缩放 设置宽高 裁剪为圆 透明度 添加其他视图 如下添加文本

Text 本文 Text 本文 Text 本文 Text 本文 Text 本文 Text 本文 Text 本文 Text 本文