创新互联IOS教程:检查视图布局

概览

若要了解 SwiftUI 如何确定视图的大小和位置,请利用 Xcode 预览来检查单个视图的边界。你也可以添加临时边框来查看 SwiftUI 如何一同确定多个视图的位置和尺寸。

成都创新互联公司是专业的榆社网站建设公司,榆社接单;提供网站制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行榆社网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

通过 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 添加的边框区分开来:

 struct StatusRow: View {     let name: String       var body: some View {         VStack {  Image(systemName: "person.circle")             Text(name)  .border(Color.red)         }  .padding()  .border(Color.gray)     } }

新闻名称:创新互联IOS教程:检查视图布局
链接URL:http://www.mswzjz.cn/qtweb/news12/235912.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能