您好,欢迎来到时间财富网
全部需求分类
当前位置:首页 > 移动应用 > Xcode 7的改变在iOS上创建用户界面的方式
Xcode 7的改变在iOS上创建用户界面的方式
2015-9-30 14:32:48   作者:风雨考验   人气:2775次  评论(0)
所属标签: IOS 
摘要:自适应、适配、布局这几个关键词一直伴随着iOS开发,从单一到多尺寸屏幕,Apple一直致力于让开发者尽可能少在这些事上耗费过多的精力。Xcode 7带来的UIStackView从根本上改变了开发者在iOS上创建用户界面的方式

前言

自适应、适配、布局这几个关键词一直伴随着iOS开发,从以前的单一尺寸屏幕,到现在的多尺寸屏幕,Apple一直致力于让开发人员尽可能少在这些事上耗费过多的精力,所以Apple在2012年推出了Auto Layout特性,2014年又推出了Adaptive Layout、Size Classes,2015年又推出了Stack View。这些无一不是我们开发者做适配的利器。今天小编就让我们看看StackView是怎么一回事。

我们先来看看下面这个常见的布局:

StackView-1

这是一种很常见的汉堡布局,如果我们需要让它自适应不同尺寸的屏幕,我们要添加哪些约束呢?

StackView-2

看看图中这些约束,你们会不会感到莫名的烦躁呢,至少我是的。更让人抓狂的是,如果需要在中间再添加一个长方形,那么你要修改关联的好几个约束,有没有掀桌的冲动呢?

不过,我们开发人员总是幸运的,Apple在Xcode7中添加了一个新的特性StackView,它能完美的解决这个闹心的问题。

StackView其实一个视图容器,不过它会对它的子视图根据一定规则自动布局,将子视图按栈的排列方式进行布局,并且有几个主要的属性:

方向

StackView有水平和垂直两个方向的布局模式:

间隔

StackView可以设置子视图之间的间隔:

StackView-4

对齐方式


StackView可以设置子视图的对齐方式(水平方向和垂直方向的该属性值有所区别):


StackView-5

  • Fill:子视图填充StackView。
  • Leading:靠左对齐。
  • Trailing:靠右对齐。
  • Center:子视图以中线为基准对齐。
  • Top:靠顶部对齐。
  • Bottom:靠底部对齐。
  • First Baseline:按照第一个子视图中文字的第一行对齐。
  • Last Baseline:按照最后一个子视图中文字的最后一行对齐。

分布比例

StackView可以设置子视图的分布比例:

StackView-6

  • Fill:默认分布方式。
  • Fill Equally:子视图的高度或宽度保持一致。
  • Fill:Proportionally:StackView自己计算出它认为合适的分布方式。
  • Equal Spacing:子视图保持同等间隔的分布方式。
  • Equal Centering:每个子视图中心线之间保持一致的分布方式。
一切让示例来说话,在这篇文章中我们将逐步开发一个电影影评的应用来详细讲解如何使用StackView。


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

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

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