查看布局和演示 (SwiftUI 中文文檔手冊)

查看布局和演示

合并視圖中的視圖室琢,動態(tài)生成視圖組和列表抽诉,并定義視圖表示和層次結(jié)構(gòu)礁凡。


總覽

使用堆棧和列表來布局用戶界面的視圖。您可以將靜態(tài)視圖與從數(shù)據(jù)集合動態(tài)生成的視圖結(jié)合起來孽亲。所有容器視圖都會根據(jù)內(nèi)容或界面尺寸的更改來更新和調(diào)整其子級的位置坎穿。


話題

必需品

建筑清單和導(dǎo)航

  • 設(shè)置了基本的地標(biāo)詳細信息視圖后,您需要為用戶提供一種查看地標(biāo)的完整列表并查看有關(guān)每個位置的詳細信息的方法返劲。

組成復(fù)雜的接口

  • 地標(biāo)的主屏幕顯示類別的滾動列表赁酝,每個類別中的水平滾動地標(biāo)。構(gòu)建此主要導(dǎo)航時旭等,您將探索組合視圖如何適應(yīng)不同的設(shè)備尺寸和方向。

堆棧

  • struct HStack
    將其子級排列在一條水平線上的視圖衡载。

  • struct VStack
    以垂直線排列其子項的視圖搔耕。

  • struct ZStack
    覆蓋其子項并在兩個軸上對齊的視圖。

  • struct LazyHStack
    一種視圖痰娱,將其子級排列在水平增長的線中弃榨,僅在需要時創(chuàng)建項目。

  • struct LazyVStack
    一種視圖梨睁,將其子級排列在垂直增長的線中鲸睛,僅在需要時創(chuàng)建項。


格網(wǎng)

  • struct LazyHGrid
    容器視圖坡贺,將其子視圖排列在水平增長的網(wǎng)格中官辈,僅在需要時創(chuàng)建項目。

  • struct LazyVGrid
    一種容器視圖遍坟,將其子視圖排列在垂直增長的網(wǎng)格中拳亿,僅在需要時創(chuàng)建項目。

  • struct GridItem
    單個網(wǎng)格項目(例如行或列)的描述愿伴。

列表和滾動視圖

  • struct List
    一個容器肺魁,用于顯示排列在單列中的數(shù)據(jù)行。

  • struct ForEach
    一種結(jié)構(gòu)隔节,用于根據(jù)已標(biāo)識數(shù)據(jù)的基礎(chǔ)集合計算按需視圖鹅经。

  • struct ScrollView
    可滾動的視圖。

  • struct ScrollViewReader
    其子級被定義為以該子級中的可滾動視圖為目標(biāo)的視圖怎诫。ScrollViewProxy

  • struct ScrollViewProxy
    代理值瘾晃,允許以編程方式滾動視圖層次結(jié)構(gòu)內(nèi)的可滾動視圖。

  • protocol DynamicViewContent
    一種視圖類型幻妓,可從基礎(chǔ)數(shù)據(jù)集中生成視圖酗捌。

  • enum Axis
    2D坐標(biāo)系中的水平或垂直尺寸。


容器視圖

  • struct Form
    一個容器,用于對用于數(shù)據(jù)輸入的控件(例如在設(shè)置或檢查器中)進行分組胖缤。

  • struct Group
    分組視圖內(nèi)容的能力尚镰。

  • struct GroupBox
    具有可選標(biāo)簽的樣式化視圖,該標(biāo)簽與內(nèi)容的邏輯分組相關(guān)聯(lián)哪廓。

  • struct Section
    創(chuàng)建分層視圖內(nèi)容的能力狗唉。


分層視圖

  • struct OutlineGroup
    一種結(jié)構(gòu),可根據(jù)樹狀結(jié)構(gòu)的已標(biāo)識數(shù)據(jù)的基礎(chǔ)集合按需計算視圖和公開組涡真。

  • struct DisclosureGroup
    根據(jù)公開控件的狀態(tài)顯示或隱藏另一個內(nèi)容視圖的視圖分俯。


墊片和分隔線

  • struct Spacer
    沿其包含的堆棧布局的主軸或如果不包含在堆棧中的兩個軸上擴展的靈活空間。

  • struct Divider
    可用于分隔其他內(nèi)容的視覺元素哆料。


建筑景觀

  • struct NavigationView
    用于呈現(xiàn)視圖堆棧的視圖缸剪,這些視圖表示導(dǎo)航層次結(jié)構(gòu)中的可見路徑。

  • struct TabView
    使用交互式用戶界面元素在多個子視圖之間切換的視圖东亦。

  • struct HSplitView
    一個布局容器杏节,將其子級排列在一條水平線上,并允許用戶使用放置在它們之間的分隔符來調(diào)整其大小典阵。

  • struct VSplitView
    一個布局容器奋渔,它的子項沿垂直線排列,并允許用戶使用放置在它們之間的分隔線來調(diào)整子項的大小壮啊。


簡報

  • struct Alert
    警報演示的表示形式嫉鲸。

  • struct ActionSheet
    操作表演示文稿的存儲類型。


有條件可見的物品

  • struct EmptyView

  • struct EquatableView
    一個視圖類型歹啼,將其與之前的值進行比較玄渗,如果其新值與舊值相同,則阻止其子級更新狸眼。


不常用的視圖

  • struct AnyView
    類型刪除的視圖捻爷。

  • struct TupleView
    通過視圖值的快速元組創(chuàng)建的視圖。


加入我們一起學(xué)習(xí)SwiftUI

QQ:3365059189
SwiftUI技術(shù)交流QQ群:518696470

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末份企,一起剝皮案震驚了整個濱河市也榄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌司志,老刑警劉巖甜紫,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異骂远,居然都是意外死亡囚霸,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門激才,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拓型,“玉大人额嘿,你說我怎么就攤上這事×哟欤” “怎么了册养?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長压固。 經(jīng)常有香客問我球拦,道長,這世上最難降的妖魔是什么帐我? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任坎炼,我火速辦了婚禮,結(jié)果婚禮上拦键,老公的妹妹穿的比我還像新娘谣光。我一直安慰自己,他們只是感情好芬为,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布萄金。 她就那樣靜靜地躺著,像睡著了一般碳柱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上熬芜,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天莲镣,我揣著相機與錄音,去河邊找鬼涎拉。 笑死瑞侮,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的鼓拧。 我是一名探鬼主播半火,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼季俩!你這毒婦竟也來了钮糖?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤酌住,失蹤者是張志新(化名)和其女友劉穎店归,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體酪我,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡消痛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了都哭。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秩伞。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡逞带,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出纱新,到底是詐尸還是另有隱情展氓,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布怒炸,位于F島的核電站带饱,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏阅羹。R本人自食惡果不足惜勺疼,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望捏鱼。 院中可真熱鬧执庐,春花似錦、人聲如沸导梆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽看尼。三九已至递鹉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間藏斩,已是汗流浹背躏结。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留狰域,地道東北人潜慎。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓屑宠,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子榜掌,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348