SwiftUI-Text

前言

個人學習 SwiftUI 的記錄,如有錯誤,請指教哈!

Text

相當於以前的 UILabel

先上效果圖

在這裏插入圖片描述

直接上所有代碼

	VStack {
            HStack {
                
                Text("我是Label\n第二行")
                    // 橫線
                    .strikethrough(true, color: Color.black)
                    // 下劃線
                    .underline()
                    // 每行底部偏移..也可以作爲另一種行間距使用..
                    .baselineOffset(50)
                    // 斜體
                    .italic()
                    // 字體大小
                    .font(.largeTitle)
                    // 粗體
                    .fontWeight(.bold)
                    // 字間距
                    .kerning(10)
                    // 行間距
                    .lineSpacing(10)
                    // 字體顏色
                    .foregroundColor(Color.white)
                    // 最大行數, 如不設置, 則表示無限行
                    .lineLimit(2)
                    // 內間距
                    .padding()
                    // 背景顏色
                    .background(Color.red)
                    // 圓角
                    .cornerRadius(30)
                    // 添加點擊手勢
                    .onTapGesture {
                        print("點擊1")
                }
                    // 添加長按手勢
                    .onLongPressGesture(minimumDuration: 2, maximumDistance: 4, pressing: { (result) in
                        print("\(result ? "開始按壓" : "按壓結束")")
                    }) {
                        print("觸發長按")
                }
                    // 添加其他手勢
                    .gesture(
                        
                        
                        // 比如這裏添加一個拖動手勢
                        DragGesture()
                            // 拖動改變了
                            .onChanged({ (value) in
                                print(value)
                            })
                            // 拖動結束
                            .onEnded({ (value) in
                                print(value)
                            })
                )
            }
                // 如果要設置文字的背景陰影, 一般還是要包裹起來
                .shadow(color: Color.red, radius: 20)
                .padding(.bottom, 50)
            
            Text("我文字有陰影")
                .font(.largeTitle)
                .shadow(color: Color.black, radius: 10)
            
        }

結束語

我自己的學習 項目地址
當然,我覺得還是要看一遍 官方的示例

還有一些 GitHub 上面的一些項目,比如:

當然, GitHub 還有很多很好的項目,以後有發現我也會介紹出來。
如果有人條件允許,也可以上 youtube 去看教程,上面也是很多資料。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章