新聞中心
概覽
若要了解 SwiftUI 如何確定視圖的大小和位置,請利用 Xcode 預(yù)覽來檢查單個視圖的邊界。你也可以添加臨時邊框來查看 SwiftUI 如何一同確定多個視圖的位置和尺寸。

成都創(chuàng)新互聯(lián)公司是專業(yè)的榆社網(wǎng)站建設(shè)公司,榆社接單;提供網(wǎng)站制作、做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行榆社網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
通過 Xcode 預(yù)覽高亮顯示視圖
使用 Xcode 預(yù)覽,你可以通過在編輯器中選擇視圖或子視圖來快速查看特定視圖元素的大小。為說明上述操作,以下示例使用 VStack (英文) 將在名稱上方對 SF Symbols 提供的圖像垂直分組:
struct StatusRow: View { let name: String var body: some View { VStack { Image(systemName: "person.circle") Text(name) } } } struct StatusRow_Previews: PreviewProvider { static var previews: some View { StatusRow(name: "Maria") } }
選定 VStack (英文) 時,你將在 Xcode 預(yù)覽中看到一個圍繞視圖的藍色邊框:
利用臨時邊框探索復(fù)雜布局
若要查看多個視圖的邊框,或者查看視圖未選定時的邊框,請使用視圖修飾符 border(_:width:) (英文) 臨時添加一個邊框。將邊框的顏色設(shè)置為 blue (英文) 以外的某種顏色,以便輕松地將它與 Xcode 添加的邊框區(qū)分開來:
struct StatusRow: View { let name: String var body: some View { VStack { Image(systemName: "person.circle") Text(name) .border(Color.red) } .padding() .border(Color.gray) } }
當前名稱:創(chuàng)新互聯(lián)IOS教程:檢查視圖布局
標題URL:http://m.5511xx.com/article/djhijpi.html


咨詢
建站咨詢
