SwiftUI5.x微博入門案例第1部分

不建議直接上手SwiftUI ，建議從swift入門，從storyboard先入門，這樣看SwiftUI會事半功倍。源碼在我的主頁，分享Xcode 快捷鍵 ctrl + command + ?? ?? 鍵， 可以快速切換 .m和.h 文件 Tab鍵可以快速重新命名文件名字。cmd + shift + J 定位到文件在哪，cmd + shift + o 快速查找文件

// // PostCell.swift // WeiboDemo // // Created by 魯軍 on 2021/3/15. //import SwiftUIlet img = UIImage(named: "d0c21786ly1gavj2c0kcej20c8096dh7.jpg")! //強制解包struct PostCell: View {var body: some View {HStack(spacing: 5){Image(uiImage: UIImage(named: "d0c21786ly1gavj2c0kcej20c8096dh7.jpg")!).resizable().scaledToFill().frame(width: 50, height: 50).clipShape(Circle()).overlay(PostVIPBadge().offset(x: 16, y: 16))VStack ( alignment: .leading, spacing: 5){Text("用戶昵稱").font(.system(size: 16)).foregroundColor(Color(red: 242 / 255, green: 99 / 255, blue: 4 / 255)).lineLimit(1)Text("2020-01-01 00:00").font(.system(size: 11)).foregroundColor(.gray)}.padding(.leading, 10)Spacer()Button(action: {print("click 哈哈")}, label: {Text("關注").font(.system(size: 14)).foregroundColor(.orange).frame(width: 50, height: 26).overlay(RoundedRectangle(cornerRadius: 13).stroke(Color.orange,lineWidth: 1))})}} }struct PostCell_Previews: PreviewProvider {static var previews: some View {Group {PostCell()PostCell()}} }

vip的V字抽離

// // PostVIPBadge.swift // WeiboDemo // // Created by 魯軍 on 2021/3/15. //import SwiftUIstruct PostVIPBadge: View {var body: some View {Text("V").bold().font(.system(size: 11)).foregroundColor(.yellow).frame(width: 15, height: 15, alignment: .center).background(Color.red).clipShape(Circle()).overlay(RoundedRectangle(cornerRadius: 7.5).stroke(Color.white,lineWidth: 1) //畫邊框)} }struct PostVIPBadge_Previews: PreviewProvider {static var previews: some View {PostVIPBadge()} }

總結

以上是生活随笔為你收集整理的SwiftUI5.x微博入门案例第1部分的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。