zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

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

AppList 2020 SwiftUI Demo 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: "元代, 赵孟頫作,本