SwiftUI 小demo之List图文混排赵孟頫书法APP（2020 tutorial）

书法APP（2020 tutorial）"/>

SwiftUI 小demo之List图文混排赵孟頫书法APP（2020 tutorial）

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: Stringlet img:Stringlet 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: "元代， 赵孟頫作,本