對於Swift框架的使用已經非常簡單了，不但簡單而且快速，然而隨着長時間的使用，也還存在着很多弊端，畢竟還是延續OC的聲明的模式。SwiftUI的推出，使開發變得更加簡單了，不在注重界面的創建和佈局了，把重點可以聚集到數據邏輯上，從而使開發效率更高。那麼我們今天就開始學習SwiftUI的常用的幾個控件。可以開啓預覽功能。對於這三個控件我們只以Text標籤做粒子，其他的兩個和這個一樣。
測試環境： xcode 11.1 mac os: 10.15.1
-
Text 文本顯示控件
對於文本顯示控件我們可以說是開發者最常用不過了，我們先來看看這個控件的創建。oc創建一個標籤控件，我們知道很麻煩，就不在贅述了，swift容易了，但是也是相對麻煩。SwiftUI就要簡單多了，只要一句就可以。我們先創建一個工程。然後會自動生成一個文本標籤。
Text("Hello World")
就這麼簡單就生成了一個文本標籤，簡直是逆天了。接下來我們看看改變顏色，大小，邊框，背景等等。
- 文本顏色
Text("Hello World").foregroundColor(.red)
- 背景
Text("Hello World").background(Color.green)
- 大小
Text("Hello World").background(Color.green).frame(width: 120, height: 50, alignment: .bottom)
這個需要說明一點： 如果我們先設置了背景顏色，再設置大小，如果比背景大那麼背景顏色並不會全部填充大小的空間，只會填空默認的文本大小空間，所以我們先設置大小在設置背景這樣就可以解決這個問題了。如下：
Text("Hello World").frame(width: 120, height: 50, alignment: .bottom).background(Color.green)
- 模糊度
Text("Hello World").frame(width: 120, height: 50, alignment: .bottom).background(Color.green).blur(radius: 0)
模糊度是從0開始，表示沒有模糊度，值越大越模糊。
- 邊框
// ShapeStyle .border(Color.red, width: 3)邊框發現是個遵循ShapeStyle協議的一個結構體。查找api發現Color是遵守這個協議的，我們可以直接用Color就可以了
- clipShape 剪切形狀
常用的有Capsule（形狀先感冒喫的膠囊一樣）、Circle（圓形）、Ellipse（橢圓形）、Path（自定義路徑）、Rectangle（矩形）、RoundedRectangle（帶圓角的矩形）。
- 圓角cornerRadius 設置圓角
- 固定大小fixedSize
-
lineLimit限制行數
-
hidden()隱藏
-
shadow(radius: 5)設置陰影
-
.font() 設置字體
-
offset()設置偏移量
-
padding()填充邊界與內容之間的空隙
-
添加手勢監聽
.onTapGesture(count: 2) {
// gesture action
}
count是點擊的次數。
好了對於這個控件我們基本上已經可以使用了，可以應付大多數情況了。那麼對於Image和Button也是相似的。另外兩個就作爲私下聯繫的小作業。任何的成功都是從一點一滴的小事坐起的。成功的路上總不缺少努力的人。加油。。。