简便的自动布局,对UIStackView的个人理解!



序言:

  更新了很久的Linux,我怕朋友们都视觉疲劳了,今天就更新在学ios开发时候,对一些知识点的理解。希望各位会喜欢!  

正文:

  UIStackView 类提供了一个高效的接口用于平铺一行或一列的视图组合,stackView提供了高效的单行单列自动布局的手段,一般情况下,我们不需要对stackView.subviews做任何约束,只需要通过对stackView的axis, distribution, alignment, spacing属性进行修改;

  • axis(轴向) 属性决定了 stack 的朝向,只有垂直或水平;
  • distribution(分布) 属性决定了其管理的视图在沿着其轴向上的布局;
  • Fill : 铺满
    Fill Equal : 等宽铺满
    Fill Proportionally : 等比例铺满
    Equal Spacing :等距离放置
    Equal Centering :各个试图的中心距离保持一致,不够放置则压缩后面的试图距离;
  • alignment(对齐) 属性决定了其管理的视图在垂直于其轴向上的布局;
  • Fill : 垂直方向上铺满
    Top : 沿顶端对齐
    Center : 沿中心线对其
    Bottom : 沿底部对齐
    First Baseline : 按照第一个子视图的文字的第一行对齐,同时保证高度最大的子视图底部对齐(只在axis为水平方向有效)
    Last Baseline : 按照最后一个子视图的文字的最后一行对齐,同时保证高度最大的子视图顶部对齐(只在axis为水平方向有效)
  • spacing(空隙) 属性决定了其管理的视图间的最小间隙;
  • baselineRelativeArrangement 属性决定了其视图间的垂直间隙是否根据基线测量得到,选中 Baseline Relative 将根据subview的基线调整垂直间距;
  • layoutMarginsRelativeArrangement 属性决定了 stack 视图平铺其管理的视图时是否要参照它的布局边距,选中 Layout Margins Relative 将相对于标准边界空白来调整subview位置;

  UIStackView 实现有对齐要求的视图布局非常非常得简单,而使用 UICollectionView 和 UITableView 来实现,相对而言就比较麻烦,相比于collectionView而言,stackView更加小巧灵活,然而根据过来人的说法,想要完成更精致的效果,最终还是得靠UICollectionView;

  • 源代码:
  •  1 #import "ViewController.h"
     2
     3 @interface ViewController ()
     4
     5 @property (weak, nonatomic) IBOutlet UIStackView *VerticalStackView;
     6 @property (weak, nonatomic) IBOutlet UIStackView *HorizontalStackView;
     7
     8
     9 @end
    10
    11 @implementation ViewController
    12
    13 - (void)viewDidLoad {
    14     [super viewDidLoad];
    15     // Do any additional setup after loading the view, typically from a nib.
    16 }
    17
    18 - (void)didReceiveMemoryWarning {
    19     [super didReceiveMemoryWarning];
    20     // Dispose of any resources that can be recreated.
    21 }
    22
    23 - (IBAction)addStarBtn:(id)sender {
    24
    25     UIImageView *starImg = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"star"]];
    26     starImg.contentMode = UIViewContentModeScaleAspectFit;
    27
    28     [self.HorizontalStackView addArrangedSubview:starImg];
    29     [UIView animateWithDuration:0.25 animations:^{
    30         [self.HorizontalStackView layoutIfNeeded];
    31     }];
    32
    33 }
    34
    35 - (IBAction)reduceStarBtn:(id)sender {
    36
    37     UIImageView *starImg = self.HorizontalStackView.subviews.lastObject;
    38
    39     [self.HorizontalStackView removeArrangedSubview:starImg];
    40     [self.HorizontalStackView reloadInputViews];
    41     [UIView animateWithDuration:0.25 animations:^{
    42         [self.view layoutIfNeeded];
    43         [starImg removeFromSuperview];
    44     }];
    45 }
    46
    47
    48 @end

使用环境:



  根据GitHub上Most Stars前几名的demo来看,stackView最多就是应用于运行时的界面变化,其自动约束的特性尽显无疑,如下图:

  

结束总结: 

  博客园:爱家人爱老婆的IT男

  微信公众号:程序猿的野生香蕉【公众号:你可以下载到我的教程,工具,笔记,以及其他我分享的资源,资源今天可能晚点上传,不过我会每天更新。】----附上官方UIstackView :回复 UIstackView-----

时间: 2024-08-05 03:49:26

简便的自动布局,对UIStackView的个人理解!的相关文章

递归与非递归及其相互转换

一.什么是递归 递归是指某个函数直接或间接的调用自身.问题的求解过程就是划分成许多相同性质的子问题的求解,而小问题的求解过程可以很容易的求出,这些子问题的解就构成里原问题的解了. 二.递归的几个特点 1.递归式,就是如何将原问题划分成子问题. 2.递归出口,递归终止的条件,即最小子问题的求解,可以允许多个出口. 3.界函数,问题规模变化的函数,它保证递归的规模向出口条件靠拢 三.递归的运做机制 很明显,很多问题本身固有的性质就决定此类问题是递归定义,所以递归程序很直接算法程序结构清晰.思路明了.

20172330 2018-2019-1 《程序设计与数据结构》第二周学习总结

20172330 2018-2019-1 <程序设计与数据结构>第二周学习总结 教材学习内容总结 集合 1.集合是一种对象,类似于保存其他对象的存储库 集合中的元素通常是按照他们添加到集合的顺序,或者是按元素之间的某种内在联系来组织的. 2.抽象数据类型(ADT)是由数据和在该数据上所实施的具体操作构成的集合. 3.栈是一种线性集合,元素按后进先出(LIFO)的方法进行处理,有push,pop,peek,isempty,size等常用操作 4.栈是用于计算后缀表达式的理想数据结构 5.Java

iOS UIStackView的理解

iOS9 提供的UIStackview简化了布局操作,它有些像Android中的liner layout.以前不用UIStackview也是可以做出类似的效果的,不过要添加许多的约束,看得头都大了,使用了UIStackview后,约束得到了简化. UIStackview中,不太好理解的就是distribution这个属性,它的值如下: typedef NS_ENUM(NSInteger, UIStackViewDistribution) { UIStackViewDistributionFill

iOS9之UIStackView体验,无需任何约束,这才是真正的自动布局,快到不能呼吸

Apple在2012年推出AutoLayout,以前很排斥,现在用的飞起啊,2014年推出了Size Class,2015年又推出UIStackView, 他提供了一组接口用于平铺一行或者一列的的视图组合.对于嵌入StackView的视图,我们无需在进行任何约束了,UIKit 已经帮忙最好了一切约束布局,也就是能自动适应不同屏幕.而且你可以在一个StackView内嵌入多个StackView来完成 更为复杂的界面要求,简单来说,他节省了很大一部分时间给每个UI元素创建约束,它继承UIView,因

iOS9新特性——堆叠视图UIStackView

iOS9新特性--堆叠视图UIStackView 一.引言 随着autolayout的推广开来,更多的app开始使用自动布局的方式来构建自己的UI系统,autolayout配合storyBoard和一些第三方的框架,对于创建约束来说,已经十分方便,但是对于一些动态的线性布局的视图,我们需要手动添加的约束不仅非常多,而且如果我们需要插入或者移除其中的一些UI元素的时候,我们又要做大量的修改约束的工作,UIStackView正好可以解决这样的问题. 二.在storyBoard上初识StackView

全面理解 Unity UI 系统

[狗刨学习网] 随着 Unity 4.6 发布,新 UI 系统终于与大家见面了. RectTransform Unity UI 系统使用 RectTransform 实现基本的布局和层次控制.RectTransform 继承于 Transform,所以 Transform 的所有特征 RectTransform 同样拥有.在 Transform 基础上,RectTransform 增加了 轴心(pivot).锚点(实际上是用 anchorMin.anchorMax 两个点定义的矩形区域).和 尺

【Docker江湖】之docker部署与理解

转载请注明出处:http://blog.csdn.net/gamer_gyt 博主微博:http://weibo.com/234654758 Github:https://github.com/thinkgamer Docker江湖 [Docker江湖]之Docker部署与理解 [Docker江湖]之hub上镜像的使用,Dockerfile语法解读和数据管理 [Docker江湖]之创建带有SSH服务的镜像 写在前边的话 在之前便想学习Docker技术了,可是一直没有机会,近期在做elk的一个项目

《深入理解JavaScript》—— 数组

学习是一种循序渐进的过程,关于上一节第3和第4我暂时是不能太理解,所以就算写出来,意义也不是太大,先空着.坑太多,未来随着学习的深入,我会一个一个填的. 数组,什么是数组?数组是索引(从零开始的自然数)到任意值的映射.这些值(映射的范围)称为数组的元素.创建数组最简便的方式就是使用数组字面量. (1) 多维数组 如果你需要多个维度的元素,必须嵌套数组.当你创建这样的嵌套数组是,最内层的数组可以根据需要添加.但如果想要直接访问这些元素,你至少需要创建外层的数组.在下面的例子中,创建了一个3x3的井

开发者的利器:Docker 理解与使用

困扰写代码的机器难免会被我们安装上各种各样的开发工具.语言运行环境和引用库等一大堆的东西,长久以来不仅机器乱七八糟,而且有些相同的软件还有可能会安装不同的版本,这样又会导致一个项目正常运行了,却不小心破坏了另一个项目的运行环境.虽然可以安装虚拟机,但是虚拟机不仅又大又笨重,时间久了上面的问题难免还是会遇到,有谁会在自己机器里安装上十几二十几个的虚拟机呢,就算真安装这么多,时间久了又怎么记得住哪个是哪个呢?在机器上运行着三五个项目的情况下,问一下,您敢随随便便换一台开发机么?除了这个问题,还有另一