iOS 利用UIStackView 进行多控件等间距布局

最新推荐文章于 2025-08-26 12:05:45 发布
原创 最新推荐文章于 2025-08-26 12:05:45 发布 · 3.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在界面设计中实现控件等间距布局的方法。通过使用StackView组件，可以轻松地对多个控件进行横向布局，并实现EqualSpacing效果，使控件在不同屏幕尺寸下保持一致的间距。

效果如图在这里插入图片描述

  1. 设置多控件的等width height。
  2. 选中所有的需要等间距布局的子控件，然后如下图选择stack View。
    在这里插入图片描述
  3. 选中刚刚创建的Stack view ,在面板中选择Axis 选择横向布局，在这里插入图片描述
  4. 选择面板中的Distribution ,选择Equal Spacing
  5. Spacing 置空（不固定间距，随屏幕尺寸变化），或者设置为默认间距（固定间距，不适配不同尺寸）。
【OC】巧用UIStackView简化布局
aa2002aa的博客
07-10 2754
在仿写ZARA的过程之中，我看到软件之中是有大量的按钮排列在一起的，如果自己一个一个手动将按钮给添加到主视图之中，布局就会感觉十分麻烦，为了方便操作，于是我便学习了`UIStackView`的相关用法来简化布局的繁琐。
iOS 设置页面用UIStackView布局多个UIView达到UITableView的效果
疯狂的程序猿的博客
10-28 2278
需求设计 实现思路 这个设置页面之前就是直接在UIViewController的XIB上布局的，一个设置选项就是一个UIView。现在新需求来了，多增加了几个设置选项，如果还这样直接在VC上加View的话，屏幕较小的手机就有可能显示不全。因此，我在VC上增加了一个UIView，然后，依此添加UIScrollView和UIStackView在其上，最后把这些充当Cell的UIView都添加到UIStackView上去。 备注：这个UIScrollView布局出现了好些问题，报错提示说什么内容视图布局不清晰
iOS App开发中的UIStackView堆叠视图使用教程
01-05
一、引言 随着autolayout的推广开来，更多的app开始使用自动布局的方式来构建自己的UI系统，autolayout配合storyBoard和一些第三方的框架，对于创建约束来说，已经十分方便，但是对于一些动态的线性布局的视图，我们需要手动添加的约束不仅非常多，而且如果我们需要插入或者移除其中的一些UI元素的时候，我们又要做大量的修改约束的工作，UIStackView正好可以解决这样的问题。 二、在storyBoard上初识StackView UIStackView是一个管理一组堆叠视图的控制器类视图，所谓堆叠视图时一种平铺式的线性布局方式，不可重叠，布局方向也不可交错，如果你做过wat
ios-UIStackView学习分享， 纯代码实现.zip
07-11
网上的UIStackViewDemo大多都是Storyboard讲解的，实际上使用代码或者Storyboard对于UIStackView区别不大，因为UIStackView本身的属性就很少，由于本人开发中从不使用Storyboard或者xib， 本篇demo就用纯代码完成吧， 关键是网上的一些布局给的示例也不是特别清楚，由于开发中也没有实际用过，本文内容仅限交流学习， 大家交流指正。 GitHub地址：https://github.com/CoderLXWang/UIStackView-Demo 详细讲解简书地址：http://www.jianshu.com/p/213702004d0d
Swift - UIStackView
iOS - Swift
01-07 747
import UIKit class ViewController: UIViewController{ //创建一个UIStackView类型的变量 var stackView:UIStackView! override func viewDidLoad() { super.viewDidLoad() //创建三个View视图 ...
iOS9 中UIStackView的使用
zhou_aaa的博客
10-21 997
概述 UIStackView是iOS 9中新增的API，类似于Android中的线性布局。UIStackView相当于一个容器，根据向UIStackView中添加视图的顺序，UIStackView会自动给这些视图添加约束，让这些视图根据内容，垂直或水平排列。由于UIStackView会自动给它里面的子视图添加约束，所以我们不必再为那些子视图添加约束，我们只要给UIStackView设置一些属
iOS自动布局中实现控件等间距的约束设置方法
给定文件标题“ios-4个约束后的控件中间间距一样.zip”以及其描述和标签信息，揭示了一个常见的UI布局需求：在多个控件之间实现相等的间距，并且这些控件通过合理的约束设置来保持布局的一致性和可维护性。...
iOS 开发中的 UIStackView 使用详解
最新发布
我叫柱子哥
08-26 1661
《iOS开发中UIStackView使用详解》摘要： UIStackView是iOS9推出的高效布局容器，能自动排列子视图并简化AutoLayout约束。核心属性包括：axis（排列方向）、distribution（主轴分布方式）、alignment（交叉轴对齐）、spacing（间距）。支持动态增删子视图，通过嵌套可构建复杂界面，配合动画能实现流畅交互。典型应用场景如底部工具栏等线性布局。相比传统布局方式，UIStackView大幅减少约束代码，提升开发效率，是iOS界面布局的首选方案。
iOS-UIStackView浅析
NewLifeBegin_
06-19 1652
一、UIStackView简介 概念:一个堆叠视图的容器，iOS9的新特性。用途:StackView及其子视图会自适应界面,减少我们设置约束的工作量。特点: -类似ContainView,不会渲染到界面上。-StackView中的子视图只能朝一个方向进行排布,要么水平要么垂直。-StackView支持多层嵌套-约束比StackView的自适应优先级高,可以通过设置约束来调整StackV
iOS自定义分段控件支持横向竖向布局与文字自适应
它并非简单地继承UISegmentedControl类，而是更可能基于UIView或UIStackView等基础容器视图进行重新构建，从而实现对布局方向（横向/纵向）的完全控制。通过使用Auto Layout或手动计算子视图位置的方式，SegView能够...
iOS开发之UIStackView基本运用
weixin_46926959的博客
03-06 7526
UIStackView
iOS - UIStackView 布局 详解
宋卓的博客
04-12 8084
UIStackView是iOS9之后推出的，我也是第一次接触，在学习的过程中对于其中的相关属性，尤其是对其中的distribution几个属性值，一知半解的，所以特写此文通过代码实例理解它们每个属性的区别。 UIStackView主要包括了四大属性：axis、alignment、distribution、spacing。 一、axis 主要设置UIStackView布局的方向：水平方向或垂直方向。 typedefNS_ENUM(NSInteger,UILayoutConstraintAxis) {UILay
iOS 9: UIStackView入门
diandingyin9417的博客
04-18 128
<欢迎大家增加iOS开发学习交流群：QQ529560119> iOS 9: UIStackView入门 同iOS以往每一个迭代一样。iOS 9带来了非常多新特性。UIKit框架每一个版本号都在改变，而在iOS 9比較特别的是UIStackView，它将从根本上改变开发人员在iOS上创建用户界面的方式。本文将带你学习如何使用UISta...
UIStackView的简单使用
ForeverMyheart的博客
01-09 534
UIstackView是一个很好的布局控件，废话不多说，下面是我写的一个简单的demo    UIStackView *vstackView = [[UIStackView alloc]initWithFrame:CGRectMake(20, 30, 300, 300)];     vstackView.axis = UILayoutConstraintAxisVertical;     vsta...
stackView 如何设置等间距View
procedure_1988的博客
08-18 2544
http://blog.youkuaiyun.com/kmyhy/article/details/50456444
17、UIStackView的用法
重楼的博客
09-29 3671
17、UIStackView的用法1、基本介绍1.1 什么是StackView1.2 UIStackView的属性Axis: 子视图的布局方向Alignment: 子视图的对齐方式Distribution:子视图的分布比例（大小）Spacing：子试视图间的间距1.3 UIStackView相关方法1、UIStackView的方法 1、基本介绍 1.1 什么是StackView UIStackView 是 UIView 的子类，它不能用来呈现自身的内容，而是用来约束子控件的一个控件。 UIStackVie
Autolayout布局相关和UIStackView
weixin_45157020的博客
11-17 324
iOS开发布局方式的演进iOS开发布局方式的演进AutolayoutAuto Layout ，是苹果公司提供的一个基于约束布局，动态计算视图大小和位置的库，并且已经集成到了 Xcode 开发环境里。Autolaout发展历史（2012年6月12日发布iOS6）Autolaout生命周期Auto Layout 不只有布局算法 Cassowary，还包含了布局在运行时的生命周期等一整套布局引擎系统，用来统一管理布局的创建、更新和销毁。这一整套布局引擎系统叫作。
IOS 多控件等高等间距布局
qq_40411134的博客
06-10 462
API说明 /** * distribute with fixed spacing 指定间距分布 * * @param axisType 布局方向，横排还是竖排 * @param fixedSpacing 控件之间的间隔 * @param leadSpacing 第一个控件距离左边的距离 * @param tailSpacing 最后一个控件距离右边的距离 */ - (void)mas_distributeViewsAlongAxis:(MASAxisType)ax
Stack View 自定义间隙
weixin_34087301的博客
01-19 718
翻译自：https://useyourloaf.com/blog/... Apple 在 iOS9 引入了 StackView，使用它可以减少约束的数量，让使用 AutoLayout 更加容易。但有一种边界使用场景是需要自定义视图之间的间隙。这种情况可以使用嵌套布局的方式来解决，但解决方案有些复杂。在 iOS 11 中给出了解决方案，你可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值