您好,欢迎来到时间财富网
全部需求分类
当前位置:首页 > 移动应用 > Xcode 7的改变在iOS上创建用户界面的方式
Xcode 7的改变在iOS上创建用户界面的方式
2015-9-30 14:32:48   作者:风雨考验   人气:1598次  评论(0)
所属标签: IOS 
然后编译运行程序看看效果:

StackView-22

横屏也很完美:

StackView-27

一个完美的Movie List页面已经展现在我们眼前,电影封面、电影名称、电影评分被StackView按合理的布局组织在TableViewCell里,我们只是给StackView设置了简单的四个约束而已。可见StackView在视图布局方面可以给我们带来很大的便利。

StackView的嵌套

既然UIStackView继承了UIView,那么UIStackView是否可以看做是一个UIView而被包含在UIStackView内呢?答案是肯定的,这一节向大家介绍UIStackView的嵌套。

一些界面发杂的App,只要你仔细分析,总会发现StackView嵌套的布局,或看似相似的布局:

StackView-23

在MovieRate这个示例中,我们将StackView的嵌套运用在电影详情页面里:

StackView-24

上图是电影详情页的布局图,从图中我们可以看到一共有三个StackView,一个嵌套在一个里面。我们在Storyboard中把这个页面创建出来(StackView的创建方法在上一节中已经介绍过了,这里就不再累赘了):

StackView-25

详情页的数据直接写在Storyboard中了,因为只是说明StackView的嵌套特性,所以界面比较粗糙。点击TableViewCell跳转到详情页的过程不再累赘了,编译运行看看效果:

StackView-26

虽然有点丑,但是这个页面展示出了StackView的嵌套特性。

总结

诚然UIStackView不是万能的,但是无疑它可以在布局和自适应方面给开发者带来便利,在恰当的情形下使用StackView可以事半功倍。而且因为UIStackView是UIView的子类,所以也可以将动画效果作用于UIStackView上,在方便布局之余还能提高用户体验,何乐而不为呢,那么让我们用起来吧。


时间财富网为广大企业、商家、个人,提供平面设计、装修设计、建筑设计、起名改名、策划文案、网站建设、营销推广等服务。若您有类似需要,请点击立即发布项目

另,时间财富网上也有着各式各样的任务,无论您是拥有技能的专业人士,还是技术小白。都能在时间财富网上找到您能参与的项目。点击进入悬赏大厅

无论你有什么疑难杂症,威客们都能一一为您解决,点击进入:问答平台