SwiftUI 高级Image之仿微信朋友圈效果（2020 example）
代码
import SwiftUI
struct ListWithCircleImage: View {
var body: some View {
List{
HStack{
Image("circle")
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 64, height: 64)
.clipShape(Circle())
.overlay(Circle().stroke(Color.black, lineWidth: 1))
VStack(alignment: .leading) {
HStack(alignment: .firstTextBaseline) {
Image(systemName: "doc.text")
Text("销闲清课图")
.bold()
}
// Show text if description exists
Text("此《销闲清课图》卷由明代孙克弘绘制。画卷内容为明晚期文人的闲雅生活方式，依次描绘：灯一龛、高枕、礼佛、烹茗、展画、焚香、月上、主客真率、灌花、摹帖、山游、薄醉、夜坐、听雨、阅耕、观史、新笋、洗研、赏雪等林下清课二十段，每段加上点题数语。此卷现藏于台北故宫博物院。")
HStack {
Image(systemName: "star")
Text("\(5000)")
}
}
}
}
}
}
效果
SwiftUI 高级Image之仿微信朋友圈效果教程源码
推荐
基础文章推荐
经典教程推荐
上新
技术源码推荐
推荐文章
CoreData篇
Combine篇
TextField篇
- 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源码)》
- 《SwiftUI实战之TextField风格自定义与formatters》
- 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》
- 《SwiftUI 当键盘出现时避免TextField被遮挡自动向上移动》
- 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》
JSON文件篇
一篇文章系列
- SwiftUI一篇文章全面掌握List(教程和源码)
- 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源码)》
- SwiftUI一篇文章全面掌握Picker,解决数据选择(教程和源码)
- SwiftUI一篇文章全面掌握Form(教程和源码)
- SwiftUI Color 颜色一篇文章全解决
技术交流
QQ:3365059189
SwiftUI技术交流QQ群:518696470
- 请关注我的专栏icloudend, SwiftUI教程与源码
https://www.jianshu.com/c/7b3e3b671970
