程序员之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → Objective-C?UIStackView

Objective-C的UIStackView常用属性函数学习笔记

 更新时间：2023年03月30日 09:52:43   作者：无声编码器  
这篇文章主要为大家介绍了Objective-C的UIStackView常用属性函数学习笔记，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）

（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）

UIStackView

UIStackView能够利用自动布局的功能，创建能够动态适应设备方向、屏幕大小和可用空间中任何更改的用户界面。

UIStackView管理其arrangedSubviews属性中所有视图的布局。这些视图是根据它们在arrangedSubviews数组中的顺序沿堆栈视图的轴线排列的。具体布局因UIStackView的轴线、分布、对齐、间距和其他特性而异。

我们负责定义UIStackView的位置和大小(可选)，UIStackView管理其内容的布局和大小。

UIStackView使用的简单示例：\color{red}{UIStackView使用的简单示例 ：}UIStackView使用的简单示例：

- (void)viewDidLoad {
    [super viewDidLoad];
    UIButton *redButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [redButton setTitle:@"红色按钮" forState:UIControlStateNormal];
    redButton.backgroundColor = [UIColor redColor];
    
    UIButton *greenButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [greenButton setTitle:@"绿色按钮" forState:UIControlStateNormal];
    greenButton.backgroundColor = [UIColor greenColor];

    UIButton *blueButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [blueButton setTitle:@"蓝色按钮" forState:UIControlStateNormal];
    blueButton.backgroundColor = [UIColor blueColor];
    
    UIStackView *stackView = [[UIStackView alloc]initWithArrangedSubviews:@[redButton,greenButton,blueButton]];
    stackView.backgroundColor = [UIColor yellowColor];
    stackView.alignment = UIStackViewAlignmentCenter;
    stackView.axis = UILayoutConstraintAxisHorizontal;
    stackView.distribution = UIStackViewDistributionFill;
    [self.view addSubview:stackView];
    
    stackView.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addConstraints:@[
        [stackView.centerYAnchor constraintEqualToAnchor:self.view.centerYAnchor],
        [stackView.centerXAnchor constraintEqualToAnchor:self.view.centerXAnchor],
    ]];
}

显示如下：

当设置蓝色视图隐藏时，显示如下：

当修改UIStackView约束，限制UIStackView大小时，显示如下：

stackView.translatesAutoresizingMaskIntoConstraints = NO;
[self.view addConstraints:@[
     [stackView.centerYAnchor constraintEqualToAnchor:self.view.centerYAnchor],
     [stackView.centerXAnchor constraintEqualToAnchor:self.view.centerXAnchor],
     [stackView.heightAnchor constraintEqualToConstant:100],
     [stackView.widthAnchor constraintEqualToConstant:300],
 ]];

当修改子视图约束，限制子视图大小时，显示如下：

stackView.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addConstraints:@[
        [stackView.centerYAnchor constraintEqualToAnchor:self.view.centerYAnchor],
        [stackView.centerXAnchor constraintEqualToAnchor:self.view.centerXAnchor],
    ]];
    
    redButton.translatesAutoresizingMaskIntoConstraints = NO;
    [stackView addConstraints:@[
        [redButton.heightAnchor constraintEqualToConstant:50],
        [redButton.widthAnchor constraintEqualToConstant:100],
    ]];
    
    greenButton.translatesAutoresizingMaskIntoConstraints = NO;
    [stackView addConstraints:@[
        [greenButton.heightAnchor constraintEqualToConstant:50],
        [greenButton.widthAnchor constraintEqualToConstant:80],
    ]];
    
    blueButton.translatesAutoresizingMaskIntoConstraints = NO;
    [stackView addConstraints:@[
        [blueButton.heightAnchor constraintEqualToConstant:50],
        [blueButton.widthAnchor constraintEqualToConstant:120],
    ]];

既限制UIStackView约束，又限制子视图约束时，至少有一个子视图可以由UIStackView进行调整，显示如下：

- (void)viewDidLoad {
    [super viewDidLoad];
    UIButton *redButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [redButton setTitle:@"红色按钮" forState:UIControlStateNormal];
    redButton.backgroundColor = [UIColor redColor];
    
    UIButton *greenButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [greenButton setTitle:@"绿色按钮" forState:UIControlStateNormal];
    greenButton.backgroundColor = [UIColor greenColor];

    UIButton *blueButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [blueButton setTitle:@"蓝色按钮" forState:UIControlStateNormal];
    blueButton.backgroundColor = [UIColor blueColor];
    
    UIStackView *stackView = [[UIStackView alloc]initWithArrangedSubviews:@[redButton,greenButton,blueButton]];
    stackView.backgroundColor = [UIColor yellowColor];
    stackView.alignment = UIStackViewAlignmentCenter;
    stackView.axis = UILayoutConstraintAxisHorizontal;
    stackView.distribution = UIStackViewDistributionFill;
    [self.view addSubview:stackView];
    
    stackView.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addConstraints:@[
        [stackView.centerYAnchor constraintEqualToAnchor:self.view.centerYAnchor],
        [stackView.centerXAnchor constraintEqualToAnchor:self.view.centerXAnchor],
        [stackView.heightAnchor constraintEqualToConstant:100],
        [stackView.widthAnchor constraintEqualToConstant:200],
    ]];
    
    redButton.translatesAutoresizingMaskIntoConstraints = NO;
    [stackView addConstraints:@[
        [redButton.heightAnchor constraintEqualToConstant:50],
        [redButton.widthAnchor constraintEqualToConstant:80],
    ]];
    
    greenButton.translatesAutoresizingMaskIntoConstraints = NO;
    [stackView addConstraints:@[
        [greenButton.heightAnchor constraintEqualToConstant:50],
        [greenButton.widthAnchor constraintEqualToConstant:80],
    ]];
    
    blueButton.translatesAutoresizingMaskIntoConstraints = NO;
    NSLayoutConstraint *blueButtonWidthAnchor = [blueButton.widthAnchor constraintEqualToConstant:120];
    blueButtonWidthAnchor.priority = UILayoutPriorityDefaultLow;
    [stackView addConstraints:@[
        [blueButton.heightAnchor constraintEqualToConstant:50],
        blueButtonWidthAnchor,
    ]];
}

UIStackView就像一个自动适应其子视图约束或管理其子视图约束的容器视图，可以大量的节省设置或更新约束的代码。我们需要在某一方面放权给UIStackView，如果我们严格限制UIStackView的约束，就应当给予UIStackView自动调整其子视图约束的权力，如果我们严格限制其子视图约束，就应当给予UIStackView自动调整自身约束的权力，如果我们既严格限制UIStackView的约束，又严格限制其子视图约束，我们会得到约束冲突，这是来自UIStackView的抗议。

常用属性

@property(nonatomic) UILayoutConstraintAxis axis;

属性描述 ：设置UIStackView排列视图时所沿的轴线方向。UILayoutConstraintAxis提供了两个枚举值，UILayoutConstraintAxisHorizontal（水平排列）与UILayoutConstraintAxisVertical（垂直排列），默认为UILayoutConstraintAxisHorizontal。

  • UILayoutConstraintAxis提供的枚举值：
typedef NS_ENUM(NSInteger, UILayoutConstraintAxis) {
    //水平排列
    UILayoutConstraintAxisHorizontal = 0,
    //垂直排列
    UILayoutConstraintAxisVertical = 1
};

@property(nonatomic) UIStackViewDistribution distribution;

属性描述 ： 设置UIStackView沿指定轴线方向布局子视图的方式。

  • UIStackViewDistribution提供的布局子视图的方式如下：
typedef NS_ENUM(NSInteger, UIStackViewDistribution) {
    
    /* 一种布局，其中UIStackView调整其排列的视图的大小，以便它们沿着UIStackView的轴线方向填充可用空间。
       当排列的视图不适合(上溢) UIStackView时，它会根据视图的抗压优先级缩小视图。
       如果排列的视图没有填充(下溢) UIStackView时，它会根据视图的拥抱优先级拉伸视图。
       如果存在任何歧义，UIStackView将根据排列的子视图数组中的索引调整排列的视图的大小。
       即将UIStackView填充满。
   */
    UIStackViewDistributionFill = 0,
    
    /*一种布局，其中堆栈视图调整其排列视图的大小，以便它们沿着UIStackView的轴线方向均匀的填充可用空间。
      即子视图以相同大小填充UIStackView
    */
    UIStackViewDistributionFillEqually,
    
    /* 一种布局，其中堆栈视图调整其排列视图的大小，以便它们沿着UIStackView的轴线方向按比例调整大小填充可用空。
      即子视图以比例大小填充UIStackView。
     */
    UIStackViewDistributionFillProportionally,
    
    /* 一种布局，其中UIStackView定位其排列视图，以便它们沿着UIStackView的轴线方向填充可用空间。
       当排列的视图没有填充UIStackView时(下溢)，它会均匀地填充视图之间的间距。
       如果排列的视图不适合UIStackView时(上溢)，它会根据视图的抗压优先级缩小视图。
       如果存在任何歧义，堆栈视图将根据视图在arrangedSubviews数组中的索引缩小视图。
       即子视图等间距填充UIStackView，间距为UIStackView调整，spacing属性限制了最小间距，但不限制最大间距。
     */
    UIStackViewDistributionEqualSpacing,
    
    /* 一种布局，试图定位排列视图，使其沿UIStackView的轴线方向具以相等的中心间距填充可用空间。
        当排列的视图没有填充UIStackView时(下溢)，如果未设置spacing属性，则自动插入间距，并调整间距以满足排列的子视图有相等的中心间距。
        如果设置spacing属性，在维持以spacing属性设置间距值为最小间距的同时，它会根据视图的抗压优先级缩小视图以满足排列的子视图有相等的中心间距。
        当排列的视图不适合UIStackView时(上溢)，如果未设置spacing属性，它会根据视图的抗压优先级缩小视图以满足排列的子视图有相等的中心间距。
        如果设置spacing属性，在维持以spacing属性设置间距值为最小间距的同时，它会根据视图的抗压优先级缩小视图以满足排列的子视图有相等的中心间距。
        即子视图等中心间距填充UIStackView，间距为UIStackView调整，spacing属性限制了最小间距，但不限制最大间距。
     */
    UIStackViewDistributionEqualCentering,
} API_AVAILABLE(ios(9.0));

@property(nonatomic) UIStackViewAlignment alignment;

属性描述 ：UIStackView排列的子视图的对齐方式，其对齐方式受UIStackView排列视图时所沿的轴线方向影响。

  • UIStackViewAlignment提供的对齐子视图的方式如下：
typedef NS_ENUM(NSInteger, UIStackViewAlignment) {
    /* 填充式布局，如果UIStackView为水平排列，则子视图顶部与底部对齐UIStackView。
       如果UIStackView为垂直排列，则子视图前部与后部对齐UIStackView。
     */
    UIStackViewAlignmentFill，
    
    /* 前部对齐式布局，UIStackView为垂直排列有效。
     */
    UIStackViewAlignmentLeading,
    /* 顶部对齐式布局，UIStackView为水平排列有效。
     */
    UIStackViewAlignmentTop = UIStackViewAlignmentLeading,
    /*按照第一个子视图的第一行文文本基线对齐，且高度最大的子视图底部对齐。UIStackView为水平排列有效。
    */
    UIStackViewAlignmentFirstBaseline, 
    
    /* 子视图沿轴线方向剧中对齐
     */
    UIStackViewAlignmentCenter,
    
    /* 后部对齐式布局，UIStackView为垂直排列有效。
     */
    UIStackViewAlignmentTrailing,
    /*底部对齐式布局，UIStackView为水平排列有效。
    */
    UIStackViewAlignmentBottom = UIStackViewAlignmentTrailing,
    /*按照第一个子视图的最后一行文文本基线对齐，且高度最大的子视图顶部对齐。UIStackView为水平排列有效。
    */
    UIStackViewAlignmentLastBaseline, // Valid for horizontal axis only
} API_AVAILABLE(ios(9.0));

@property(nonatomic) CGFloat spacing;

属性描述 ：UIStackView排列子视图相邻边之间的间距。此属性定义了UIStackViewDistributionFill、UIStackViewDistributionFillEqually、UIStackViewDistributionFillProportionally布局的排列视图之间的严格间距，UIStackViewDistributionEqualSpace和UIStackViewDistributionEqualCenter布局的最小间距。使用负值允许重叠。默认值为0.0。

@property(nonatomic,getter=isBaselineRelativeArrangement) BOOL baselineRelativeArrangement;

属性描述 ：一个布尔值，默认值为NO，用于确定是否从视图的基线测量视图之间的垂直间距。如果为YES，视图之间的垂直间距将从基于文本的视图的最后一条基线到其下方视图的第一条基线进行测量。顶部和底部视图的定位也使其最近的基线距离堆栈视图的边缘指定的距离。此属性仅由垂直排列的UIStackView视图使用。水平排列的UIStackView可以使用alignment属性控制。

@property(nonatomic,getter=isLayoutMarginsRelativeArrangement) BOOL layoutMarginsRelativeArrangement;

属性描述 ：如果为YES，UIStackView将相对于其布局边距布局其排列视图。如果为NO，它将相对于其边界布置排列的视图。默认为NO。

@property(nonatomic,readonly,copy) NSArray<__kindof UIView *> *arrangedSubviews;

属性描述 ：由UIStackView排列的视图数组。UIStackView确保了arrangedSubviews数组总是它的子视图数组(subviews)的一个子集。每当调用addArrangedSubview:方法时，如果尚未添加该子视图，UIStackView都会将该视图添加为子视图，每当调用removeFromSuperview:方法时，UIStackView也会将其从arrangedSubviews中删除。

常用函数

- (instancetype)initWithFrame:(CGRect)frame NS_DESIGNATED_INITIALIZER;
- (instancetype)initWithCoder:(NSCoder *)coder NS_DESIGNATED_INITIALIZER;

函数描述 ：初始化UIStackView。

- (instancetype)initWithArrangedSubviews:(NSArray<__kindof UIView *> *)views;

函数描述 ：返回管理所提供的视图的UIStackView对象。UIStackView将所有需要排列的视图添加到其arrangedSubviews组中，并这些视图添加为子视图。如果arrangedSubviews数组中包含的任何视图收到removeFromSuperview的方法调用，UIStackView也会将其从arrangedSubviews中删除。

参数 ：

views ：要由UIStackView排列的视图数组。

返回值 ： 一个新的UIStackView对象。

- (void)addArrangedSubview:(UIView *)view;

函数描述 ：将视图添加到arrangedSubviews数组的末尾。UIStackView确保了arrangedSubviews数组总是它的子视图数组(subviews)的一个子集。如果尚未添加该子视图，此方法会自动将提供的视图添加为UIStackView的子视图，如果已经添加该子视图，此函数不做操作。

参数 ：

view ： 要添加到由UIStackView排列的视图数组中的视图。

- (void)removeArrangedSubview:(UIView *)view;

函数描述 ：此方法从UIStackView的arrangedSubviews数组中删除提供的视图。视图的位置和大小将不再由堆栈视图管理。但是，此方法不会从堆栈的子视图数组中(subviews)删除提供的视图，因此视图仍然显示为视图层次的一部分，视图仍显示在屏幕上，需要通过调用视图的removeFromSuperview方法从子视图数组中显式删除视图。

- (void)insertArrangedSubview:(UIView *)view atIndex:(NSUInteger)stackIndex;

函数描述 ：将提供的视图添加到排列的子视图数组中指定的索引处。如果索引已被占用，UIStackView会增加arrangedSubviews数组的大小，并将其被占用的索引及被占用的索引以上位置的所有内容移动到数组中更高的空间(索引后移)，然后UIStackView将提供的视图存储在索引处。如果插入的视图尚未添加到UIStackView，此方法会自动将提供的视图添加为UIStackView的子视图，但插入的索引位置仅影响arrangedSubviews数组中视图的顺序，它不会影响子视图数组(subviews)中视图的顺序，也就是说插入的视图仍旧添加到子视图数组(subviews)的末尾。

参数 ：

view ： 要插入到由UIStackView排列的视图数组中的视图。

stackIndex ： 其在arrangedSubviews数组中插入新视图的索引，此值不得大于此数组中当前的视图数，如果索引超出范围，此方法将抛出NSInternalInconsistencyException异常。

- (void)setCustomSpacing:(CGFloat)spacing afterView:(UIView *)arrangedSubview API_AVAILABLE(ios(11.0),tvos(11.0));

函数描述 ：水平排列时，在指定视图后缘应用自定义间距。垂直排列时，在指定视图下缘应用自定义间距。

参数 ：

spacing ： 自定义间距。

arrangedSubview ： 指定视图。

- (CGFloat)customSpacingAfterView:(UIView *)arrangedSubview API_AVAILABLE(ios(11.0),tvos(11.0));

函数描述 ：水平排列时，返回指定视图后缘应用自定义间距。垂直排列时，返回指定视图下缘自定义间距。

参数 ：

arrangedSubview : 指定视图。

以上就是Objective-C的UIStackView常用属性函数学习笔记的详细内容，更多关于Objective-C UIStackView的资料请关注程序员之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • iOS如何优雅地消除应用角标详解

    iOS如何优雅地消除应用角标详解

    关于应用角标相信大家应该都有所了解吧，这篇文章主要给大家介绍了关于iOS如何优雅地消除应用角标的相关资料，文中通过示例代码介绍的非常详细，对各位iOS开发者们具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • iOS开发之路--微博新特性页面

    iOS开发之路--微博新特性页面

    本文是IOS开发之路系列的第三篇，主要是分享了微博新特性页面的制作源码，希望对大家有所帮助
    2014-08-08
  • iOS实现圆角箭头矩形的提示框

    iOS实现圆角箭头矩形的提示框

    不知道大家发现了没，在现在的很多App中常使用圆角箭头矩形, 如微博分组提示框, 地图坐标显示点等。iPad 中有 UIPopoverController 类供开发使用, iPhone中就需要开发人员定制了。那么下面这篇文中就来聊聊定制圆角箭头矩形提示框，有需要的朋友们可以参考借鉴。
    2016-11-11
  • 详解IOS11新特性之larget title的实现

    详解IOS11新特性之larget title的实现

    本篇文章主要介绍了详解IOS11新特性之larget title的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • iOS实现富文本编辑器的方法详解

    iOS实现富文本编辑器的方法详解

    大家在开发的时候经常会用到富文本编辑器，所以这篇文章就给大家整理了如何使用iOS实现富文本编辑器的方法，相信本文对大家具有一定的参考借鉴价值，有需要的朋友们可以一起来看看。
    2016-10-10
  • iOS逆向工程之Hopper中的ARM指令详解

    iOS逆向工程之Hopper中的ARM指令详解

    这篇文章主要介绍了iOS逆向工程之Hopper中的ARM指令的相关资料,本文介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下
    2016-09-09
  • 深入解析iOS应用开发中对设计模式中的桥接模式的使用

    深入解析iOS应用开发中对设计模式中的桥接模式的使用

    这篇文章主要介绍了iOS应用开发中对设计模式中的桥接模式的使用,bridge桥接模式中主张把抽象部分与实现部分分离,需要的朋友可以参考下
    2016-03-03
  • iOS指纹识别的简单应用

    iOS指纹识别的简单应用

    这篇文章主要为大家详细介绍了iOS指纹识别的简单应用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-07-07
  • IOS实现验证码倒计时功能（二）

    IOS实现验证码倒计时功能（二）

    这篇文章主要介绍了IOS实现验证码倒计时功能，点击获取验证码，进入时间倒计时，感兴趣的小伙伴们可以参考一下
    2016-04-04
  • iOS获取短信验证码倒计时的两种实现方法

    iOS获取短信验证码倒计时的两种实现方法

    本篇文章主要介绍了iOS获取短信验证码倒计时的两种实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05

最新评论

?


http://www.vxiaotou.com