构建自适应用户界面（二）

现在查看下没有设置约束，在各种尺寸的设备上显示状态


接下来，我们添加自动布局约束，首先点击PIN来创建间距约束，设置左边,顶部和右边，值为0


打开文档大纲，按住Control拖动view到mainview，从弹出菜单中选择相同的高度。


接下来,选择产品信息视图,单击销按钮，首先点击PIN来创建间距约束，设置左边,底部和右边，值为0


打开文档大纲，从菜单中选择垂直间距


现在,让我们为这两个标签定义的约束，选择标题标签，单击PIN，设置高15，左22，右22.


接下来,选择另一个标签，添加三个间距约束。


所有自动布局约束已经设置完毕，看下预览效果。


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容