Xcode布局预览

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

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

1.选择要预览的界面

      

Xcode布局预览_第1张图片
storyboarf界面

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

Xcode布局预览_第2张图片
图例1
Xcode布局预览_第3张图片
图例2

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

Xcode布局预览_第4张图片
图例3

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

Xcode布局预览_第5张图片
图例4

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

Xcode布局预览_第6张图片
图例5

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

Xcode布局预览_第7张图片
图例6

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

你可能感兴趣的:(Xcode布局预览)