美文网首页
UIStackView入门

UIStackView入门

作者: MYDear还好么 | 来源:发表于2015-12-25 19:20 被阅读0次

  在 iOS9 中,Apple 引入了 UIStackView,他让你的应用可以通过简单的方式,纵向或横向的叠放你的 views。UIStackView 采用 auto layout 的方式来管理他的子视图的位置和尺寸。让你更简单的构建自适应的 UI。

  如果在 iOS9 之前,你想要创建类似 UIStackView 为你提供的这种布局,你需要构建大量的 constraints。你需要编辑许多诸如边距、高度、x/y 轴的位置,还有它们的依赖关系等。

  UIStackView 把这些全部帮你做了。甚至在你添加或者移除某些 view 时,还提供了平滑的动画。当 view 状态改变时,他会自动的改变 layout 的属性值。

  UIStackView几个重要的属性:

.axis(轴向) 属性决定了 stack 的朝向,只有垂直或水平;

·distribution(分布) 属性决定了其管理的视图在沿着其轴向上的布局;

·alignment(对齐) 属性决定了其管理的视图在垂直于其轴向上的布局;

·spacing(空隙) 属性决定了其管理的视图间的最小间隙;

·baselineRelativeArrangement属性决定了其视图间的垂直间隙是否根据基线测量得到;

·layoutMarginsRelativeArrangement属性决定了 stack 视图平铺其管理的视图时是否要参照它的布局边距

1.对齐方式

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

Fill:子视图填充StackView。

Leading:靠左对齐。

Trailing:靠右对齐。

Center:子视图以中线为基准对齐。

Top:靠顶部对齐。

Bottom:靠底部对齐。

First Baseline:按照第一个子视图中文字的第一行对齐。

Last Baseline:按照最后一个子视图中文字的最后一行对齐。

2.分布比例

Fill:默认分布方式。

Fill Equally:子视图的高度或宽度保持一致。

Fill:Proportionally:StackView自己计算出它认为合适的分布方式。

Equal Spacing:子视图保持同等间隔的分布方式。

Equal Centering:每个子视图中心线之间保持一致的分布方式。

相关文章

  • UIStackView入门

    在 iOS9 中,Apple 引入了 UIStackView,他让你的应用可以通过简单的方式,纵向或横向的叠放你...

  • 【UIKit】UIStackView

    UIStackView UIStackView : UIViewiOS 9.0 基于 Flexbox 思想的布局方...

  • iOS9 新特新介绍

    一. UIStackView 新控件:UIStackView 栈视图, 类似AppleWatch的Group 父类...

  • StackView

    我的博客, 各位看官有时间赏光 UIStackView UIStackView介绍 随着autolayout的推广...

  • UIStackView的应用

    UIStackView的定义 UIStackView控件有两种,横向布局和纵向布局 Axis:设置UIStackV...

  • UIStackView 初探(译)

    UIStackView 用于在列或行中布局视图集合的线性接口。 UIStackView 概览 UIStackVie...

  • UIStackView的妙用

    UIStackView简介 UIStackView是iOS 9+支持的布局控件,主要用于线性布局,可以简化布局,减...

  • iOS9新特性UIStackView

    概述 UIStackView是iOS9中新增的API,类似于Android中的线性布局。UIStackView提供...

  • UIStackView简单理解和使用

    一、UIStackView简介 UIStackView是iOS9中新增的API,类似于Android中的线性布局。...

  • iOS UIStackView

    简介 UIStackView是iOS 9 的新增控件,唯一的作用就是帮助布局 本文会详细介绍UIStackView...

网友评论

      本文标题:UIStackView入门

      本文链接:https://www.haomeiwen.com/subject/eceyhttx.html