iOS Vary for Traits

升级xcode8之后,打开storyboard发现xcode7适配界面的size class被Trait Variations所取代,尽管看起来变化很大,但实际原理是一样的。

下面通过一个简单的例子来看下如何使用Trait Variations适配

先看效果图,类似音乐播放界面,竖屏封面在顶部,横屏封面在左侧,同时label位置也对应变化:

竖屏:


横屏: 


效果看到了,下面来实操一下:

一、竖屏的约束设置:

首先选中竖屏:如图:选中红色框按钮


然后,点击Vary for Traits ,勾选如图的两个按钮


约束完,高亮的是竖屏约束、如图:


注意,约束设置完成之后,点击Done Varying按钮,这样,竖屏的约束就做完了;


二、下面来设置横屏的约束:

首先选中如图的按钮:


然后点击:vary for taints 选中如图按钮:


然后设置约束:设置完成后如图高亮的约束:


这样横屏的约束就完成了,别忘了最后点击Done Varying按钮;


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值