UIStackView 简介

UIStackView 简介,第1张

概述UIStackView简介 iOS9之后,推出了一个新的布局神器 ——UIStackView。之前也只是在网上看过相关的资料介绍,并没有仔细去弄明白时怎么一回事,只是大概知道方便 均分布局 的一个组件。然而事实来说,我还是图样图森破。 只要是类似 上下结构,或者 左右结构的 ,都可以 任性的使用 UIStackView。当然,前提是,iOS版本 是 9.0以上,所以如果项目还有支持 iOS9 以下 UIStackVIEw简介

iOS9之后,推出了一个新的布局神器 ——UIStackVIEw。之前也只是在网上看过相关的资料介绍,并没有仔细去弄明白时怎么一回事,只是大概知道方便 均分布局 的一个组件。然而事实来说,我还是图样图森破。
只要是类似 上下结构,或者 左右结构的 ,都可以 任性的使用 UIStackVIEw。当然,前提是,iOS版本 是 9.0以上,所以如果项目还有支持 iOS9 以下的版本的话,那么就不太适用了。

UIStackVIEw有两种形式,一种是横向布局 Vertical Stack VIEw,一种是竖向布局 Horizontal Stack VIEw
Vertical Stack VIEw为例吧。
首先,在 storyboard 中,拖取一个 Vertical Stack VIEw,并设置好相关约束。
图片描述

在右边属性栏可以看到,5个设置参数。即 Axis(控制 stackVIEw 是要 vertical 还是 horizontal),Alignment(控制 stackVIEw中子控件的布局位置,是要fill,leading,trailing,center),distribution(控制stackVIEw中子控件的大小),Spacing(控制stackVIEw中子控件之间的距离),baseline realitive`(决定子控件,貌似只在 vertical 中有效)。

图片描述

eg:拖入两个 UIVIEw,此时,我是在 distribution的选项中,选择了 fill equal。这时,拖入的两个 vIEw 均会布局为自动布满。另外,可以看到,其实stackVIEw的原理,应该是根据 相关属性,然后自动添加约束。

因此,在 distribution中选择 fill equalfill proportionally两个选项时,stackVIEw均会为其自动添加约束。等比例的布局,在很多 UI界面 上总是可以碰到的。所以这个还是挺有 实用性的。至于 distribution的选项,那么需要为其额外添加一些 高度约束。比如选择 fill(默认),那么需要为其添加 一些高度约束,以确定 控件的大小。
比如九宫格布局的话,可以在 vertical stackVIEw中再嵌入三个 horizontal stackVIEw,之后得到九宫格布局。

stackVIEw的玩法大致就这样。最大的意义应该还是 简化约束 吧。比如 布置三个 等大小的 控件,如果单纯用 约束去控制的话,相对于适用 stackVIEw还是会 比较费劲的。

小小挫见。

总结

以上是内存溢出为你收集整理的UIStackView 简介全部内容,希望文章能够帮你解决UIStackView 简介所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1088376.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存