日習(xí)一語茅茂，日行一善
一、在搭建界面的時(shí)候太抓，只需要解決2個(gè)問題：
1空闲、界面中都有哪些 元素？
2走敌、怎么 修飾 這些元素 碴倾？
二、認(rèn)識元素和修飾符：
這里說的“元素”掉丽，其實(shí)就是界面中一個(gè)一個(gè)的部件跌榔，比如
一個(gè) “ 按鈕 ” ；
一段 “ 文字 ” 捶障；
一張 “ 圖片 ” 僧须；
一個(gè) “ 矩形 ” ；
... ...
這些元素的組合到一起项炼，就成了我們看見的界面担平；
然而這些元素的堆砌只是滿足了功能的需求，并沒有滿足設(shè)計(jì)的要求锭部，所以還需要進(jìn)行美化暂论，美化就需要給這些元素增加一些修飾，比如
一個(gè) “ 紅色的 ”按鈕
一段 “ 間距為15的紅色的 ” 文字
一張 “ 尺寸為100 * 100的 " 圖片
一個(gè) “ 圓角為10的 ” 矩形
解讀：
一個(gè)“ 紅色的 ”按鈕
元素（View）：按鈕
修飾（Modifers）：紅色
一段 “ 間距為15的紅色的 ” 文字
元素（View）：文字
修飾（Modifers）：間距和顏色
一張 “ 尺寸為100 * 100的 " 圖片
元素（View）：圖片
修飾（Modifers）：尺寸
圓角為10的 ” 矩形
元素（View）：矩形
修飾（Modifers）：圓角
三拌禾、總結(jié)：
界面 = View（元素） + Modifers（修飾符）
四空另、在代碼中再認(rèn)識View（元素）和 Modifers（修飾符）：
import SwiftUI
struct MeiGuiTu: View {
var body: some View {
VStack(spacing: 20 ){
Button("一個(gè)按鈕"){ //我是元素
}
.frame(width: 100, height: 30) //我是修飾符
.background(Color.red) //我是修飾符
.foregroundColor(.white) //我是修飾符
Text("""
洞門高閣靄馀輝，桃李陰陰柳絮飛蹋砚。
禁里疏鐘官舍晚扼菠，省中啼鳥吏人稀。
晨搖玉佩趨金殿坝咐，夕奉天書拜瑣闈循榆。
強(qiáng)欲從君無那老，將因臥病解朝衣墨坚。
""") //我是元素
.lineSpacing(15) //我是修飾符
Image("2") //我是元素
.resizable() //我是修飾符
.scaledToFit() //我是修飾符
.frame(width: 100, height: 100) //我是修飾符
RoundedRectangle(cornerRadius: 10, style: .continuous) //我是元素
.frame(width:100 , height: 100) //我是修飾符
}
}
}
struct MeiGuiTu_Previews: PreviewProvider {
static var previews: some View {
MeiGuiTu()
}
}
你答應(yīng)過我秧饮，我用心寫，你用心看泽篮；既會 點(diǎn)贊盗尸，還會 收藏，偶爾還會 分享 和 打賞帽撑！
本篇完泼各，感謝閱讀！
送給想學(xué)《纏論》但一直被纏的朋友亏拉，下面這個(gè)視頻可能是你遇到的最易懂的纏論課程*
