UIStackView 看我就够了

介绍

UIStackView 是 iOS9新增的一个布局技术。熟练掌握相当节省布局时间。

UIStackView 是 UIView 的子类,是用来约束子控件的一个控件。但他的作用仅限于此,他不能用来呈现自身的内容,类似于 backgroundColor。当然了,这个控件相当易学,属性只有4个。

  • Axls: 子控件的布局方向,水平或者垂直
  • Alignment: 类似于 UILabel 的 Alignment 属性
  • Distributlon: 子控件的大小
  • Spacing: 子控件间的间距

可以看到在属性左边有个加号,点开来是这样的:

这其实是 UIStackView 也集成了 Size Class,Size Class 是用来布局不同尺寸屏幕的。在这里可以通过选择不同的尺寸来更新子控件约束。

使用

接下来我们在 IB 中使用 UIStackView 来完成以下布局:

首先上面的 ImageView 是直接做约束完成的。

然后我们可以选择左下角的三个 Label,然后点击右下角第一个图标合成 UIStackView:

因为三个 Label 间是有间距的,所以接下来我们修改 Spacing 属性:

这样就很方便的做好了 UIStackView 内部子视图的布局,然后只需要给 UIStackView 设置离左边和下边的约束即可,因为这个 UIStackView 内部的子视图都是 UILabel, UILabel 都是有他自身的固有大小的,所以不需要设置4个布局。

这样我们就完成了左边三个 Lable 的布局。接下来我们来布局右边的2个控件。

还是和刚才一样,选择 Image 和 label,并且组成一个 UIStackView 并设置好 UIStackView 的布局约束:

接下来布局内部子控件约束:

做好这两步你会发现 IB 还是报错,这是因为 UIStackView 并不知道他内部的 image 的宽高,这时候我们可以让 image 有他的固有大小:

将 intrinsic Size 的属性改为 Placeholder,这时候就解决了报错,至此,整个 View 的约束已经做完,是不是发现比之前全部用 Auto Layout 快多了。

当然了 UIStackView 也是可以用代码创建的。

class UIStackView : UIView {

init(arrangedSubviews views: [UIView])

var arrangedSubviews: [UIView] { get }

func addArrangedSubview(view: UIView)

func removeArrangedSubview(view: UIView)

func insertArrangedSubview(view: UIView, atIndex stackIndex: Int) ...

}

第一个方法是用来创建一个 UIStackView 的,传入 views 里的数组的顺序代表了 UIStackView 里子视图的顺序。

第二个方法是用来获得 UIStackView 里有哪些子视图的。

后面3个方法和 UIView 里的方法是类似的。

看到 addArrangedSubview 和 removeArrangedSubview 你是不是想到了addSubView 和removfromSuperView。

下面有张表,可以区别这四个方法:

从表中可以看出,添加 UIStackView 的子视图应该用 addArrangedSubview,移除 UIStackView 某个子视图应该用 removeArrangedSubview。

UIStackView 用来约束子视图的属性有以下几个

var axis: UILayoutConstraintAxis

var distribution: UIStackViewDistribution

var alignment: UIStackViewAlignment

var spacing: CGFloat

var baselineRelativeArrangement: Bool

var layoutMarginsRelativeArrangement: Bool

这些就是使用代码来创建 UIStackView 了。

UIStackView 还是蛮简单的,但是功能却十分强大。这篇文章应该能让大家了解 UIStackView 的基本使用了。

时间: 2024-10-09 22:15:05

UIStackView 看我就够了的相关文章

HTTP in iOS你看我就够

HTTP in iOS你看我就够 HTTP属于老话题了,在项目中我们经常需要往服务端发POST或者GET请求,但是对于HTTP的了解不应只局限于此.千里之行,始于足下.越想走的远,基本原理就应该了解的透彻全面一些,仅仅停留在使用ASIHttpRequest或者AFNetWorking传个参数发个请求的程度上是不够的.这篇文章就是带你全方面回顾一下HTTP. 通过本文你能收获哪些内容: 完整HTTP请求与响应包含的必要元素 HTTP不同版本之间的差异 HTTP.Socket.TCP的区别(易混)

关于iOS多线程,你看我就够了(已更新)

在这篇文章中,我将为你整理一下 iOS 开发中几种多线程方案,以及其使用方法和注意事项.当然也会给出几种多线程的案例,在实际使用中感受它们的区别.还有一点需要说明的是,这篇文章将会使用 Swift 和 Objective-c 两种语言讲解,双语幼儿园.OK,let't begin! 概述 这篇文章中,我不会说多线程是什么.线程和进程的区别.多线程有什么用,当然我也不会说什么是串行.什么是并行等问题,这些我们应该都知道的. 在 iOS 中其实目前有 4 套多线程方案,他们分别是: Pthreads

关于iOS多线程,你看我就够了

在这篇文章中,我将为你整理一下 iOS 开发中几种多线程方案,以及其使用方法和注意事项.当然也会给出几种多线程的案例,在实际使用中感受它们的区别.还有一点需要说明的是,这篇文章将会使用 Swift 和 Objective-c 两种语言讲解,双语幼儿园.OK,let't begin! 概述 这篇文章中,我不会说多线程是什么.线程和进程的区别.多线程有什么用,当然我也不会说什么是串行.什么是并行等问题,这些我们应该都知道的. 在 iOS 中其实目前有 4 套多线程方案,他们分别是: Pthreads

HTTP in iOS你看我就够(转)

HTTP属于老话题了,在项目中我们经常需要往服务端发POST或者GET请求,但是对于HTTP的了解不应只局限于此.千里之行,始于足下.越想走的远,基本原理就应该了解的透彻全面一些,仅仅停留在使用ASIHttpRequest或者AFNetWorking传个参数发个请求的程度上是不够的.这篇文章就是带你全方面回顾一下HTTP. 通过本文你能收获哪些内容: 完整HTTP请求与响应包含的必要元素 HTTP不同版本之间的差异 HTTP.Socket.TCP的区别(易混) 一.HTTP协议 HTTP本质上是

html总结----------------------看这个就够了

HTML是我们学习Javaweb的第一步 很好地掌握门课是非常有必要的!下面就是我在听资深老师讲课的笔记!个人觉得非常不错!希望可以帮助到那些在学习javaweb路上的 朋友们!从今天 陆续的整理这门课有关的笔记与大家分享! <!-- 1.html的简介 * 什么是html? - HyperText Markup Language:超文本标记语言,网页语言 ** 超文本:超出文本的范畴,使用html可以轻松实现这样操作 ** 标记:html所有的操作都是通过标记实现的,标记就是标签,<标签名称

小伙,多线程(GCD)看我就够了,骗你没好处!

多线程(英语:multithreading),是指从软件或者硬件上实现多个线程并发执行的技术.具有多线程能力的计算机因有硬件支持而能够在同一时间执行多于一个线程,进而提升整体处理性能.具有这种能力的系统包括对称多处理机.多核心处理器以及芯片级多处理(Chip-level multithreading)或同时多线程(Simultaneous multithreading)处理器.再一个程序中,这些独立运行的程序片段叫做线程(Thread).利用它编程的概念就叫做多线程.具有多线程能力的计算机因有硬

大数据,只看这个就够了

2016年5月25日上午,由贵州省政府举办的以"大数据开启智能时代"为主题的中国大数据产业峰会在贵阳开幕,国务院总理李克强发表主旨演讲.腾讯集团马化腾,高通公司总裁Derek Aberle,百度公司李彦宏,微软全球陆奇,京东集团刘强东,阿里巴巴王坚,滴滴出行程维,HTC王雪红,戴尔Michael Dell等重要嘉宾出席会议并发言.至此,大数据发展已经上升到国家战略层次,其热度可见一斑.如图一为李克强总理发表讲话: 图一 自2016年起,大数据与人工智能,虚拟现实相继重新进入了我们的视线

做一款仿映客的直播App?看我就够了

来源:JIAAIR 链接:http://www.jianshu.com/p/5b1341e97757 一.直播现状简介   1.技术实现层面: 技术相对都比较成熟,设备也都支持硬编码.IOS还提供现成的 Video ToolBox框架,可以对摄像头和流媒体数据结构进行处理,但Video ToolBox框架只兼容8.0以上版本,8.0以下就需要用x264的库软编了. github上有现成的开源实现,推流.美颜.水印.弹幕.点赞动画.滤镜.播放都有.技术其实不是很难,而且现在很多云厂商都提供SDK,

webpack3.x看这个就够了

本文介绍webpack3.x的使用 说明,本文前后连贯性很强,建议从头往后看 目录 开始 css文件打包 image文件打包 字体文件打包 json文件打包 csv文件和xml文件打包 多入口文件打包 清理dist目录 development开发环境错误定位 development开发环境开发模式 development开发环境模块热替换 development开发环境模块热替换存在的问题 Tree Shaking(死代码终结者) development和production代码分离与合并 系统