SwiftUI 小demo之List图文混排赵孟頫书法APP(2020 tutorial)
2023-09-11 14:18:31 时间
SwiftUI 小demo之List图文混排赵孟頫书法APP(2020 tutorial)
实现的功能
- 自定义一个struct
- 使用@State 修饰器
- 使用ForEach循环显示
- 使用Identifiable让struct获得唯一编号
- 自定义func 实现了界面的模块化
- 自定义Color set 实现了一个土豪金 steam_gold
- 设置了VStack的左对其间隔 VStack(alignment: .leading, spacing: 20)
代码
import SwiftUI
struct MingHua:Identifiable{
let id = UUID()
let name: String
let img:String
let overview: String
}
struct ListImageView: View {
@State var mingHuas:[MingHua] = [
MingHua(name:"赵孟頫字画像",img:"zmf_01.jpg",overview: "元代, 赵孟頫作 ,本幅设色,款“大德已亥子昂自写小像”对幅宋濂书赞,钤明项元汴印。"),
MingHua(name:"赵孟頫秋郊饮马图卷",img:"zmf_02.jpg",overview: "元代, 赵孟頫作,本幅右上方自书“秋郊飲馬圖”五字,左上方署款“皇慶元年十一月,子昂”。知此图为赵孟頫59岁作。"),
MingHua(name:"赵孟頫水村图卷",img:"zmf_03.jpg",overview: "元代, 赵孟頫作,本
相关文章
- [Android Memory] App调试内存泄露之Context篇(上)
- Windows Store App 应用程序存储空间
- uni-app:使用uni-list显示列表数据之四:返回顶部(hbuilderx 3.6.18)
- uni-app:使用uni-list显示列表数据之一(hbuilderx 3.6.18)
- uni-app:配置访问接口时的跨域(hbuilderx: 3.6.18)
- android脚步---APP引导页添加
- uni-app:使用uni-list显示列表数据之四:返回顶部(hbuilderx 3.6.18)
- uni-app:使用uni-list显示列表数据之三:上拉加载更多(hbuilderx 3.6.18)
- uni-app:使用uni-list显示列表数据之二:下拉刷新(hbuilderx 3.6.18)
- json串 转 list<class> 方法 List转JSONArray和JSONArray转List String 转List
- SAP WebIDE 里的 neo-app.json 文件用途
- uni-app 实现点击后拨打电话号码demo效果(整理)
- iOS app store无法提交以供审核 App隐私
- Android 10.0 app进程保活白名单
- Android 10.0 app授予通知权限 默认开启通知
- Android 8.1 9.0 10.0 在系统app安装第三方app弹出 解析安装包出现问题 的解决方案
- android 10.0设置app为默认浏览器
- UWP App Data存储和获取
- uni-app_uView1.0 实现九宫格功能(点击item 1、背景色改变 2、弹出toast框)