IOS 九宫格布局实现方法

 更新时间:2016年09月26日 15:40:09   作者:再见远洋  
这篇文章主要介绍了IOS 九宫格布局实现方法,及实例代码,需要的朋友可以参考下

以前刚开始搞iOS的时候大部分都是通过计算frame来布局视图,搞着搞着貌似都是用自动布局来搞定了,因为自动布局实在太方便、太好用了,所以当我昨天突然回看以前代码的时候突然看到了以前写的九宫格布局,感觉很多东西都忘了,所以今天特意在这里记录一下,并且通过几个简单的宏定义来完成布局的需求,具体大家看代码吧,都有注释 很好懂:

//
// ButtonContainerView.h
// chemuchao
//
// Created by 遇见远洋 on 16/3/7.
// Copyright © 2016年 zhaoxiaolu. All rights reserved.
//

#import <UIKit/UIKit.h>
//按钮点击block
typedef void(^spitlotBtnClick)(UIButton * btn);
@interface ButtonContainerView : UIView
@property (nonatomic,copy)spitlotBtnClick spitlotBlock;/**<<#展示对话内容的tableview#>*/

@end

这里给大家推荐一个写注释的好方法吧,在声明属性的时候,我们如果想在别的地方调用这个属性的时候在下方有提示 如图:

只需要跟我在上面声明属性的时候一样 在最后加上

/**<这是要写的提示文字*/

使用这种方式声明的属性,在外面调用的时候就会有提示,好像跑题了,接下来点M的代码吧:

//
// ButtonContainerView.m
// chemuchao
//
// Created by 遇见远洋 on 16/3/7.
// Copyright © 2016年 zhaoxiaolu. All rights reserved.
//

#import "ButtonContainerView.h"
#import "UIView+Extension.h"
//状态栏高度
#define kStateHeight 20

//总行数
#define kRows 2

//总列数
#define kCols 4

//九宫格个数
#define kCount 8

//九宫格之间的间隙
#define kMargin 5

//字体大小
#define kFont15 [UIFont systemFontOfSize:15]

@interface ButtonContainerView ()
@property (nonatomic,strong)NSMutableArray * btns;
@property (nonatomic,strong)NSArray * btnTitles;

@end
@implementation ButtonContainerView

- (NSMutableArray *)btns
{
  if (!_btns) {
    _btns = [NSMutableArray array];
  }
  return _btns;
}

-(NSArray *)btnTitles {
  if (!_btnTitles) {
    _btnTitles = @[@"堵成狗",@"堵成翔",@"路太窄",@"没灯",@"路不平",@"积水多",@"颠簸",@"路太脏"];
  }
  return _btnTitles;
}
- (instancetype)initWithFrame:(CGRect)frame{
  if (self = [super initWithFrame:frame]) {
    [self setupUI];
  }
  return self;
}

- (void)setupUI {
  for (int i = 0; i < kCount; i++) {
    UIButton * btn = [[UIButton alloc]init];
    [btn setTitle:self.btnTitles[i] forState:UIControlStateNormal];
    [self addSubview:btn];
    btn.layer.borderWidth = 1;
    btn.layer.borderColor = [UIColor redColor].CGColor;


      btn.titleLabel.font = [UIFont systemFontOfSize:13];
    [btn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    [btn addTarget:self action:@selector(spitlotBtnClick:) forControlEvents:UIControlEventTouchUpInside];
    [self.btns addObject:btn];
  }
}

-(void)layoutSubviews {
  [super layoutSubviews];
  [self.btns enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
    UIButton * btn = obj;
    btn.tag = idx;
    //行号
    NSUInteger row = idx/kCols;

    //列号
    NSUInteger col = idx%kCols;

    CGFloat btnW = (self.width - kMargin*(kCols + 1))/kCols;

    CGFloat btnH = (self.height - kMargin*(kRows + 1))/kRows -10;

    CGFloat btnX = kMargin + col*(kMargin + btnW);

     CGFloat btnY = kMargin + row*(kMargin + btnH) + kStateHeight;

    btn.frame = CGRectMake(btnX, btnY, btnW, btnH);
  }];
}

#pragma mark 按钮点击事件
- (void)spitlotBtnClick:(UIButton *)sender {
  NSAssert(self.spitlotBlock != nil, @"传入的block不能为空");
  //执行block
  self.spitlotBlock(sender);
}
@end

你只需要更换几个宏定义就可以定制你的九宫格布局了,例如总行数、总列数、九宫格个数,简单吧 复用性还是很高的,当然对于使用自动布局的你来说,可以无视我。

希望通过此文能帮助大家开发 IOS九宫格的开发,谢谢大家对本站的支持!

相关文章

  • iOS优雅的将CALayer旋转360度示例代码

    iOS优雅的将CALayer旋转360度示例代码

    CALayer我们又称它叫做层,CALayer类的概念与UIView非常类似,并且可以包含图片、文本、背景色等。下面这篇文章主要给大家介绍了关于iOS如何优雅的将CALayer旋转360度的相关资料,文中通过示例代码的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2018-01-01
  • 关于iOS 11的一些新特性适配实践总结

    关于iOS 11的一些新特性适配实践总结

    iOS 11 为整个生态系统的 UI 元素带来了一种更加大胆、动态的新风格。下面这篇文章主要给大家总结介绍了关于iOS 11的一些新特性适配实践,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-11-11
  • iOS对数组进行排序的实例代码

    iOS对数组进行排序的实例代码

    本文通过实例代码给大家讲解了ios对数组进行排序的实例方法,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-08-08
  • iOS Lotusoot模块化工具应用的动态思路

    iOS Lotusoot模块化工具应用的动态思路

    项目的不断更迭,导致项目越来越大,越来越臃肿,为了让项目更加条理,需要对项目进行模块化处理,为了减少模块之间的耦合,于是就有了Lotusoot这个工具
    2022-08-08
  • IOS 静态库和Framework区别

    IOS 静态库和Framework区别

    这篇文章主要介绍了IOS 静态库和Framework区别的相关资料,这里对动态库与静态库做比较,选择什么时候使用库文件,需要的朋友可以参考下
    2016-12-12
  • iOS 各种修饰符的区别汇总(推荐)

    iOS 各种修饰符的区别汇总(推荐)

    这篇文章给大家介绍了iOS 各种修饰符的区别汇总,需要的朋友参考下吧
    2017-10-10
  • IOS中多手势之间的冲突和解决办法

    IOS中多手势之间的冲突和解决办法

    这篇文章主要介绍了IOS中多手势之间的冲突和解决办法的相关资料,需要的朋友可以参考下
    2017-07-07
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    这篇文章主要介绍了ios 使用xcode11 新建项目工程 (值得注意的问题),本文分步骤通过图文的形式给大家展示,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • 在iOS10系统中微信后退无法发起ajax请求的问题解决办法

    在iOS10系统中微信后退无法发起ajax请求的问题解决办法

    这篇文章主要介绍了在iOS10系统中微信后退无法发起ajax请求的问题解决办法,一般可以通过延时发送请求解决,下面通过本文给大家分享下解决办法,需要的朋友参考下吧
    2017-01-01
  • ajax 三种实现方法实例代码

    ajax 三种实现方法实例代码

    这篇文章主要介绍了ajax 三种实现方法实例代码的相关资料,需要的朋友可以参考下
    2016-09-09

最新评论