UIStackView

最新推荐文章于 2025-07-17 15:12:02 发布
最新推荐文章于 2025-07-17 15:12:02 发布
阅读量399 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： iOS UIStackView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chfg883721/article/details/50969314
本文详细介绍了iOS9中引入的UIStackView组件，探讨了如何利用StackView简化布局管理，包括其核心特性如自动创建AutoLayout约束、配置subview大小与间距等。此外还讲解了如何通过Axis、Alignment和Distribution等属性进行高级定制。
一、iOS9.0新特性
Stack View的核心便是方便垂直或水平排布多个subview

  • Stack View最有用的就是它会自动为每个subview创建和添加Auto Layout constraints。
  • 当然你可以控制subview的大小和位置。
  • 可以通过选项配置subview的大小、排布以及彼此间的间距。

二、UIStackView属性
Axis表示Stack View的subview是水平排布还是垂直排布。
Alignment控制subview对齐方式。      Alignment 用于控制 X 和 Y值
Distribution定义subview的分布方式。Distribution 用于控制高度和宽度。
Spacing 为subview间的最小间距。


Stack View会被当成Container View。所以它是一个不会被渲染的UIView子类。
它不像其他UIView子类一样，会被渲染到屏幕上。
这也意味着设置其backgroundColor属性或重载drawRect:方法都不会产生任何效果。

三subView和arrangedSubView
开始使用Stack View前，我们先看一下它的属性
subViews和arrangedSubvies属性的不同。
如果你想添加一个subview给Stack View管理，
你应该调用
addArrangedSubview:
或
insertArrangedSubview:atIndex:
arrangedSubviews数组是subviews属性的子集。

要移除Stack View管理的subview，需要调用
removeArrangedSubview:
和
removeFromSuperview。
移除arrangedSubview只是确保Stack View不再管理其约束，而非从视图层次结构中删除，理解这一点非常重要。
iOS开发——线性布局神器UIStackView
菜鸟历程
08-03 2581
今天，为大家介绍iOS9推出的一个线性布局神器UIStackView，如果你的项目最低适配iOS9以上的话，就可以愉快地使用了。 在AutoLayout的布局中，我们需要为subview设置各种依赖，当我们需要从其中插入一个view或者删除一个view时，就要在里面更改大量的约束。在纯代码方面，还有Mansonry等框架可以支持，但是如果是xib或者storyboard的话，就只能是在需要修改约束的地方一个个地去修改约束了。而UIStackView只需要预先设置好布局的方式，之后无论是添加还是删除subvi
Swift - UIStackView
iOS - Swift
01-07 711
import UIKit class ViewController: UIViewController{ //创建一个UIStackView类型的变量 var stackView:UIStackView! override func viewDidLoad() { super.viewDidLoad() //创建三个View视图 ...
swift--UIStackView的实用技巧
weixin_41735943的博客
02-03 1710
基础 这部分参考：原文地址 open var axis: NSLayoutConstraint.Axis // 子控件布局方向(水平或者垂直),也就是下面说的轴方向, /** case fill 沿轴方向填充视图.会按照优先级压缩或者拉伸子视图 case fillEqually 沿轴方向使子视图等宽或者等高 case fillProportionally 沿轴方向按照`in...
OC—初识UIStackView
2501_91546205的博客
07-17 403
5.arrangedSubViews是stackview用来排列子视图的子视图数组，也就是说：[stackView addArrangedSubview:label];等效于：[stackview addSubView:label];也就是说arrangedSubViews是subViews的子集，所以如果只是从arrangedSubViews移除子视图，那么仍然显示，知识不被stakView自动布局。堆栈视图，是一种存储视图的容器，用于简化和管理子视图的布局与排列，减少我们的约束量。
深入掌握UIStackView在iOS开发中的关键功能
weixin_42515340的博客
09-22 3055
本文还有配套的精品资源，点击获取 简介：本项目展示了如何通过Xcode Playground使用UIStackView，一个用于简化布局的iOS组件。通过演示代码，开发者可以学习UIStackView的自动布局管理、对齐和分布方式，以及动态添加/移除子视图、内容适应性、嵌套使用和自动更新约束等核心功能。项目还包括了UIStackView在实际开发中的响应式设计应用，旨在提升...
UIStackView使用进阶
SOHU_TECH的博客
11-07 2118
01技术背景前端的布局方式比较灵活，提供有Flex的布局方式，可以实现不同方向的弹性布局。Flex就像一个容器，可以将其内部的子控件统一进行布局。其包含主轴方向和交叉轴方向，主轴方向表示控件的排布方向，交叉轴方向和主轴方向相垂直。熟悉前端Flex控件的同学应该知道。Flex有一些常用属性，这里对其进行简单介绍，方便了解UIStackView的技术背景。flex-direction：控制Flex的方...
iOS 9: UIStackView入门
枫岭晚
06-24 557
本文由CocoaChina译者candeladiao翻译，欢迎参加我们的翻译活动。 原文：iOS 9: Getting Started with UIStackView 同iOS以往每个迭代一样，iOS 9带来了很多新特性。UIKit框架每个版本都在改变，而在iOS 9比较特别的是UIStackView，它将从根本上改变开发者在iOS上创建用户界面的方式。本文将带你学习怎样使用UISt
UIStackView学习分享
04-05
作者CoderLXWang，源码UIStackView-Demo，最近看叶孤城的书，里面提到了UIStackView，说起这种布局，也是很早就知道了，但是一直没有研究过，开发中也没有使用过，周末上网翻看一下了大家的文章，发现大多都是...
UIStackView用法demo
08-26
UIStackView是苹果公司在iOS 9和OS X 10.11中引入的一个新的视图控制器，用于简化视图布局的管理。UIStackView可以将其子视图沿着一个轴线排列，无论是水平还是垂直，都支持自动布局，从而大幅提高了开发者在使用...
iOS App开发中的UIStackView堆叠视图使用教程
01-05
而且如果我们需要插入或者移除其中的一些UI元素的时候，我们又要做大量的修改约束的工作，UIStackView正好可以解决这样的问题。 二、在storyBoard上初识StackView UIStackView是一个管理一组堆叠视图的控制器类视图...
iOS9新特性之UIStackView
01-05
1. UIStackView相关属性理解 UIStackView是iOS9之后推出的，我也是第一次接触，在学习的过程中对于其中的相关属性，尤其是对其中的distribution几个属性值，一知半解的，所以特写此文通过代码实例理解它们每个属性的...
UIStackView教程：了解Stack View
热门推荐
kmyhy的专栏
01-04 1万+
原文链接 : UIStackView Tutorial: Introducing Stack Views 原文作者 : Jawwad Ahmad 译文出自 : 开发技术前线 www.devtf.cn 译者 : kmyhy Ray注：恭喜你！为了推广《iOS 9 Feast》一书，这本书的第一部分教程已经为你解锁了。本文来自于《iOS 9 Tutorials》中的一个章
iOS9 - UIStackView
欢迎来到Jack的程序世界
12-25 1750
UIStackView 在iOS9中苹果在UIKit框架中引入了一个新的视图类UIStackView。UIStackView 类提供了一个高效的接口用于平铺一行或一列的视图组合。UIStackView视图管理着所有在它的arrangedSubviews 属性中的视图的布局。这些视图根据它们在 arrangedSubviews 数组中的顺序沿着 stackView视图的轴
iOS UIStackView
a125268288的博客
09-17 426
开篇两个参考： 　　1.https://www.jianshu.com/p/8270db45cfa1 　　2.https://spin.atomicobject.com/2016/06/22/uistackview-distribution/ 实现的场景是由任意个View需要添加到这个容器里面，然后整体左对齐，也就是一次从左往右排，并且不会被拉伸。实现的方式也很简单：】...
一目了然的UIStackView
我有故事你有酒吗？
10-16 351
UIStackView API介绍
ios uistackview
最新发布
09-03
UIStackView是从iOS 9开始，苹果提供用于布局的工具，类似于安卓的线性布局，可利用自动布局创建能动态适应设备方向、屏幕尺寸和可用空间变化的用户视图，当子视图改变时可自动调整，省去大量代码[^1][^3]。 ### 创建UIStackView 可通过xib和纯代码两种方式创建使用UIStackView。以下是纯代码创建的示例： ```swift let stackView = UIStackView() view.addSubview(stackView) stackView.axis = .horizontal stackView.distribution = .fillEqually stackView.spacing = 10 stackView.alignment = .fill stackView.frame = CGRect(x: 0, y: 100, width: view.frame.width, height: 300) let view1 = UIView() stackView.addArrangedSubview(view1) view1.backgroundColor = .blue let view2 = UIView() stackView.addArrangedSubview(view2) view2.backgroundColor = .yellow let view3 = UIView() stackView.addArrangedSubview(view3) view3.backgroundColor = .red ``` ### 关键属性理解 在学习UIStackView过程中，其相关属性尤其是`distribution`的几个属性值需要理解。不同的属性值会影响子视图在栈视图中的布局方式，例如`distribution = .fillEqually`会使所有子视图在栈视图的轴方向上平均分配空间[^2][^3]。 ### 使用中的问题 在使用UIStackView时会遇到一些坑，比如多层嵌套的情况，将UIStackView多层嵌套时还没有很好的解决办法。在table cell中使用时，若在第二层嵌套UIStackView可能会出现显示问题，将第二层的UIStackView换成view，里面再装一个UIStackView，情况类似；并且在里面垂直排布的label加约束后，显示情况也和嵌套UIStackView时一样[^1][^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值