View 基礎元件(SwiftUI中文文件手冊)

2021-10-09 02:42:33 字數 2551 閱讀 5500

一種型別,代表應用程式使用者介面的一部分,並提供用於配置檢視的修飾符。

protocol view
您可以通過宣告符合view協議的型別來建立自定義檢視。實現所需的body計算屬性,以提供自定義檢視的內容。

struct myview: view 

}

通過將swiftui提供的乙個或多個原始檢視(例如上text例中的例項)以及您定義的其他自定義檢視組合到檢視的層次結構中,以組裝檢視的主體。

該view協議提供了乙個大組修飾符的,定義為協議中的方法預設實現,您使用定位和配置的觀點在您的應用程式的布局。修飾符通常通過將您呼叫它們的檢視例項包裝在具有指定特徵的另乙個檢視中來工作。例如,將opacity(_:)修改器新增到文字檢視會返回具有一定透明度的新檢視:

text("hello, world!")

.opacity(0.5) // display partially transparent text.

修飾符的效果通常會傳播到任何未顯式覆蓋修飾符的子檢視。例如,乙個vstack例項本身僅起到垂直堆疊其他檢視的作用,並且沒有要顯示的文字。因此,font(_:)您應用於堆疊的修飾符對堆疊本身沒有影響。但是font修飾符確實適用於堆疊的任何子檢視,其中一些可能顯示文字。另一方面,可以通過在特定的子檢視中新增另乙個來區域性覆蓋堆疊的修飾符:

vstack 

.font(.body) // set a default for text in the stack.

您通常會鏈結修飾符,每個修飾符都會包裹上乙個修飾符的結果。例如,您可以使用修飾符將文字檢視包裝在具有給定寬度的不可見框中,以影響其布局,然後使用修飾符在其周圍繪製輪廓:frame(width:height:alignment:)border(_:width:)

text("title")

.frame(width: 100)

.border(color.gray)

應用修飾符的順序很重要。例如,上述**產生的邊框勾勒出框架的整個寬度。

文字檢視的螢幕快照,顯示字串「 title」,由

如果改為先應用邊框,則邊框會勾勒出文字檢視的輪廓,該檢視永遠不會占用比呈現其內容所需的更多空間。

text("title")

.frame(width: 100)

用固定的100點寬度將該檢視包裝到另乙個不可見的檢視中會影響復合檢視的布局,但對邊框沒有影響。

實施自定義檢視

1、var body: self.body

檢視的內容和行為。

需要。 提供了預設實現。

2、associatedtype body : view

表示此檢視主體的檢視型別。

需要。3、struct viewbuilder

乙個自定義引數屬性,用於從閉包構造檢視。

配置檢視

4、布局

告訴檢視如何通過調整其大小,位置,對齊方式,填充等在檢視層次結構中進行排列。

5、輔助功能

使您的檢視可供包括殘疾人在內的廣泛使用者使用。

6、渲染圖

影響系統繪製檢視的方式,例如通過縮放或遮罩檢視或應用圖形效果。

7、造型

指示如何設定檢視中包含的文字,控制項和其他內容的樣式。

提供互動

8、輸入和事件

提供檢視操作以響應使用者輸入和系統事件而執行。

9、view presentation

定義檢視以在指定條件下顯示的其他檢視。

10、state

訪問檢視首選項,並為子檢視提供配置資料。

在xcode中配置預覽

11、func previewdevice(previewdevice?) -> some view

覆蓋裝置以進行預覽。

12、func previewdisplayname(string?) -> some view

提供在編輯器中顯示的使用者可見名稱。

13、func previewlayout(previewlayout) -> some view

覆蓋預覽容器的大小。

宣告預覽的上下文。

貝塔識別檢視

15、func id(id) -> some view

將檢視的身份繫結到給定的**值。

16、func equatable() -> equatableview

當新值與舊值相同時,阻止檢視更新其子檢視。

self符合時可用equatable。

實施檢視修改器

17、func modifier(t) -> modifiedcontent

將修改器應用於檢視。

18、struct modifiedcontent

帶有修飾符的值。

content符合view和modifier符合時可用。viewmodifier

19、struct emptymodifier

空或標識修飾符。

20、 viewmodifier

您應用於檢視的修改器或另乙個檢視修改器,產生原始值的不同版本。

View 布局(SwiftUI中文文件手冊)

告訴檢視如何通過調整其大小,位置,對齊方式,填充等在檢視層次結構中進行排列。調整檢視大小 1 func frame width cgfloat?height cgfloat?alignment alignment some view 將此檢視放置在具有指定大小的不可見框架中。2 func frame...

uniapp 容器元件view

屬性 hover class 類名 按下的樣式 hover stop propagation 是否阻止冒泡,預設不阻止 hover start time 毫秒 按下的時間顯示樣式 hover stay time 毫秒 鬆開後樣式的保留時間 示例 box hover class box1 hover ...

SwiftUI常用基礎高頻語句概覽

前面學習swift以及swiftui,忘了記錄,現在補上,配置 win10 掛載macos10.15.3系統的虛擬機器,編譯工具 xcode11.4 ps 虛擬機器是真的卡,每執行一次3min。頁面屬性 ui教程 github專案 swift 練習 時序曲線 command i 設定縮排 選中的 c...