Xcode布局预览

作者: 不做大哥好多年 | 来源:发表于2017-07-31 11:10 被阅读151次

       布局预览功能是Xcode里边一个十分有用的功能,它可以为你节省大量构建和调试布局的时间。你可以看到各种设备上两个方向的布局状态。最重要的预览功能是实时的,如果你修改了布局,预览界面也会更新。

那接下来让我们看看这个功能如何使用:

1.选择要预览的界面

      

storyboarf界面

2.选择View - Assistant - Show Assistant Editor(如图例1),也可以直接选择Xcode右上角按钮(如图例2)

图例1 图例2

3.在Assistant Editor里边选择Preview(如图例3)

图例3

4.最后可以看到如下界面(图例4)

图例4

5.可以点击(图例5),调整屏幕方向

图例5

6.可以点击+号按钮(图例6)添加不同型号的手机

图例6

如果你觉的有用,赶快自己测试一下吧。

相关文章

  • Xcode布局预览

    布局预览功能是Xcode里边一个十分有用的功能,它可以为你节省大量构建和调试布局的时间。你可以看到各种设备上两个...

  • 自动布局的那点事

    1.Previewer(预览)Xcode提供Previewer来解决在不同设备上显示问题。在做自动布局的时候真的是...

  • 【WWDC2019 之 SwiftUI】04 - SwiftUI

    基本布局 在刚创建好一个 SwiftUI 项目时,Xcode 给我们准备了模板代码: 预览如下: View 层级关...

  • 进阶-任务18

    题目1: 实现一个瀑布流布局效果 代码预览效果预览 题目2:实现木桶布局效果 代码预览效果预览

  • 任务11作业

    实现 第一列第5个布局,回复预览链接 预览 实现 第2列第1个布局,回复预览链接 预览 实现 第3列第1个布局,回...

  • 2017-02-19

    图片懒加载 效果预览 瀑布流布局 效果预览 木桶布局 效果预览 无限轮播 效果预览 原理 图片懒加载的原理当网页上...

  • 进阶任务18

    1、实现一个瀑布流布局效果 瀑布流布局预览 代码github 1、实现木桶布局效果 木桶布局预览 代码github...

  • 进阶18-瀑布流布局_木桶布局

    题目1: 实现一个瀑布流布局效果预览地址 题目2:实现木桶布局效果预览地址

  • 打印设置

    * 分页线预览:视图-分页预览 * 打印标题:页面布局-打印标题-工作表-顶端标题行 * 添加页眉、页码:页面布局...

  • 2019-04-20

    两栏布局 代码如下: 预览链接

网友评论

    本文标题:Xcode布局预览

    本文链接:https://www.haomeiwen.com/subject/wuvllxtx.html