查看佈局和演示
合併視圖中的視圖,動態生成視圖組和列表,並定義視圖表示和層次結構。
總覽
使用堆棧和列表來佈局用戶界面的視圖。您可以將靜態視圖與從數據集合動態生成的視圖結合起來。所有容器視圖都會根據內容或界面尺寸的更改來更新和調整其子級的位置。
話題
必需品
建築清單和導航
- 設置了基本的地標詳細信息視圖後,您需要爲用戶提供一種查看地標的完整列表並查看有關每個位置的詳細信息的方法。
組成複雜的接口
- 地標的主屏幕顯示類別的滾動列表,每個類別中的水平滾動地標。構建此主要導航時,您將探索組合視圖如何適應不同的設備尺寸和方向。
堆棧
struct HStack
將其子級排列在一條水平線上的視圖。struct VStack
以垂直線排列其子項的視圖。struct ZStack
覆蓋其子項並在兩個軸上對齊的視圖。struct LazyHStack
一種視圖,將其子級排列在水平增長的線中,僅在需要時創建項目。struct LazyVStack
一種視圖,將其子級排列在垂直增長的線中,僅在需要時創建項。
格網
struct LazyHGrid
容器視圖,將其子視圖排列在水平增長的網格中,僅在需要時創建項目。struct LazyVGrid
一種容器視圖,將其子視圖排列在垂直增長的網格中,僅在需要時創建項目。struct GridItem
單個網格項目(例如行或列)的描述。
列表和滾動視圖
struct List
一個容器,用於顯示排列在單列中的數據行。struct ForEach
一種結構,用於根據已標識數據的基礎集合計算按需視圖。struct ScrollView
可滾動的視圖。struct ScrollViewReader
其子級被定義爲以該子級中的可滾動視圖爲目標的視圖。ScrollViewProxystruct ScrollViewProxy
代理值,允許以編程方式滾動視圖層次結構內的可滾動視圖。protocol DynamicViewContent
一種視圖類型,可從基礎數據集中生成視圖。enum Axis
2D座標系中的水平或垂直尺寸。
容器視圖
struct Form
一個容器,用於對用於數據輸入的控件(例如在設置或檢查器中)進行分組。struct Group
分組視圖內容的能力。struct GroupBox
具有可選標籤的樣式化視圖,該標籤與內容的邏輯分組相關聯。struct Section
創建分層視圖內容的能力。
分層視圖
struct OutlineGroup
一種結構,可根據樹狀結構的已標識數據的基礎集合按需計算視圖和公開組。struct DisclosureGroup
根據公開控件的狀態顯示或隱藏另一個內容視圖的視圖。
墊片和分隔線
struct Spacer
沿其包含的堆棧佈局的主軸或如果不包含在堆棧中的兩個軸上擴展的靈活空間。struct Divider
可用於分隔其他內容的視覺元素。
建築景觀
struct NavigationView
用於呈現視圖堆棧的視圖,這些視圖表示導航層次結構中的可見路徑。struct TabView
使用交互式用戶界面元素在多個子視圖之間切換的視圖。struct HSplitView
一個佈局容器,將其子級排列在一條水平線上,並允許用戶使用放置在它們之間的分隔符來調整其大小。struct VSplitView
一個佈局容器,它的子項沿垂直線排列,並允許用戶使用放置在它們之間的分隔線來調整子項的大小。
簡報
struct Alert
警報演示的表示形式。struct ActionSheet
操作表演示文稿的存儲類型。
有條件可見的物品
struct EmptyView
struct EquatableView
一個視圖類型,將其與之前的值進行比較,如果其新值與舊值相同,則阻止其子級更新。
不常用的視圖
struct AnyView
類型刪除的視圖。struct TupleView
通過視圖值的快速元組創建的視圖。
加入我們一起學習SwiftUI
QQ:3365059189
SwiftUI技術交流QQ羣:518696470