建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯網營銷解決方案
創(chuàng)新互聯IOS教程：檢查視圖布局
概覽
若要了解 SwiftUI 如何確定視圖的大小和位置，請利用 Xcode 預覽來檢查單個視圖的邊界。你也可以添加臨時邊框來查看 SwiftUI 如何一同確定多個視圖的位置和尺寸。
成都創(chuàng)新互聯公司是專業(yè)的榆社網站建設公司，榆社接單;提供網站制作、做網站,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行榆社網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!
通過 Xcode 預覽高亮顯示視圖
使用 Xcode 預覽，你可以通過在編輯器中選擇視圖或子視圖來快速查看特定視圖元素的大小。為說明上述操作，以下示例使用 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 預覽中看到一個圍繞視圖的藍色邊框：
利用臨時邊框探索復雜布局
若要查看多個視圖的邊框，或者查看視圖未選定時的邊框，請使用視圖修飾符 border(_:width:) (英文) 臨時添加一個邊框。將邊框的顏色設置為 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)新互聯IOS教程：檢查視圖布局
文章起源：http://m.fisionsoft.com.cn/article/djhijpi.html
