UIButton的自动排列

最新推荐文章于 2024-01-13 14:35:44 发布

LorneNote

最新推荐文章于 2024-01-13 14:35:44 发布

阅读量611

点赞数

分类专栏： iOS开发文章标签： iOS objective-c UIButton 布局

本文链接：https://blog.csdn.net/wudizhanshen/article/details/78462670

版权

本文介绍了如何在iOS开发中，根据UIButton的不同宽度自动进行排列布局。通过创建一个继承自UIView的子类ButtonLayoutView，实现了动态计算每个按钮的位置，以适应不同宽度的按钮。文章提供了核心代码示例，并附带了固定列数按钮布局的实现。

摘要由CSDN通过智能技术生成

最近在工作中用到了UIButton的排布，需求是根据button的不同宽度（高度相同）实现自动排布。这是第四次用到了，前面分别写了3个项目，用到了三次，感觉还是比较常用的小功能；第一次自己写了个算法，第二次和三次写成固定宽高的按钮规则排布，这次由于要适应不同宽度的需要，在原有基础上做了修改，可以适应不同的按钮宽度，布局自动计算。

目录

实现效果

基本思路

核心代码

附录固定列数的button布局

效果图

核心代码

实现效果

Button排列

基本思路

核心问题是根据button的数量，和每一个button的宽度（宽度由文字多少决定）计算button的排布，button高度和内间距可以设为固定常数。
1. 将创建好的按钮放在数组中；
2. 解决分类和计算逻辑：先确定第一个button的位置，然后计算第二个button的位置，第二个button的位置可能在当前行，也可能在下一行。需要两个if else嵌套，在循环遍历button的过程中，动态确定每一个button的位置。

核心代码

1.创建继承于UIView的子类：ButtonLayoutView，在ButtonLayoutView.m中实现计算：

#import "ButtonsLayoutView.h"

CGFloat const buttonH = 30;
CGFloat const buttonInset = 20;

@interface ButtonsLayoutView()
/** button array */
@property (strong, nonatomic) NSMutableArray *buttonArray;
@end

@implementation ButtonsLayoutView

-(NSMutableArray *)buttonArray {
    if (!_buttonArray) {
        _buttonArray = [NSMutableArray array];
    }
    return _buttonArray;
}

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        [self createButtons:@[@"30 g",@"20 g",@"40 g",@"50 g",@"样例样例",@"样例样例样例",@"样例",@"30 g",@"20 g",@"40 g",@"50 g",@"样例样例",@"样例样例样例",@"样例"]];
    }
    return self;
}

- (void)createBut