查看佈局和演示 (SwiftUI 中文文檔手冊) 查看佈局和演示 加入我們一起學習SwiftUI

查看佈局和演示

合併視圖中的視圖,動態生成視圖組和列表,並定義視圖表示和層次結構。


總覽

使用堆棧和列表來佈局用戶界面的視圖。您可以將靜態視圖與從數據集合動態生成的視圖結合起來。所有容器視圖都會根據內容或界面尺寸的更改來更新和調整其子級的位置。


話題

必需品

建築清單和導航

  • 設置了基本的地標詳細信息視圖後,您需要爲用戶提供一種查看地標的完整列表並查看有關每個位置的詳細信息的方法。

組成複雜的接口

  • 地標的主屏幕顯示類別的滾動列表,每個類別中的水平滾動地標。構建此主要導航時,您將探索組合視圖如何適應不同的設備尺寸和方向。

堆棧

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

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

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

  • struct LazyHStack
    一種視圖,將其子級排列在水平增長的線中,僅在需要時創建項目。

  • struct LazyVStack
    一種視圖,將其子級排列在垂直增長的線中,僅在需要時創建項。


格網

  • struct LazyHGrid
    容器視圖,將其子視圖排列在水平增長的網格中,僅在需要時創建項目。

  • struct LazyVGrid
    一種容器視圖,將其子視圖排列在垂直增長的網格中,僅在需要時創建項目。

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

列表和滾動視圖

  • struct List
    一個容器,用於顯示排列在單列中的數據行。

  • struct ForEach
    一種結構,用於根據已標識數據的基礎集合計算按需視圖。

  • struct ScrollView
    可滾動的視圖。

  • struct ScrollViewReader
    其子級被定義爲以該子級中的可滾動視圖爲目標的視圖。ScrollViewProxy

  • struct 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

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