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

最新推荐文章于 2025-07-03 21:29:04 发布

知识大胖

最新推荐文章于 2025-07-03 21:29:04 发布

阅读量515

点赞数

CC 4.0 BY-SA版权

分类专栏： SwiftUI源码大全

本文链接：https://blog.youkuaiyun.com/iCloudEnd/article/details/104068351

SwiftUI源码大全专栏收录该内容

1425 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

这篇博客介绍了如何使用SwiftUI创建一个List类型的赵孟頫书法APP小demo，实现了图文混排。内容包括自定义struct、使用@State、ForEach循环、Identifiable协议、模块化界面设计以及自定义颜色和布局。提供了代码展示和最终效果预览。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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岁作。"),
        Ming

了解本专栏