iOS开发——项目篇—高仿百思不得姐

2022-07-09 09:04:35

01

一、包装为导航控制器

    UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:vc];

二、自定义tabbar，布局子控件，添加加号按钮

/**

 * 布局子控件

 */

- (void)layoutSubviews

{

    [super layoutSubviews];

    // 设置发布按钮的位置

    self.publishButton.center = CGPointMake(self.frame.size.width * 0.5, self.frame.size.height * 0.5);

    // 按钮索引

    int index = ;

    // 按钮的尺寸

    CGFloat tabBarButtonW = self.frame.size.width / ;

    CGFloat tabBarButtonH = self.frame.size.height;

    CGFloat tabBarButtonY = ;

    // 设置4个TabBarButton的frame

    for (UIView *tabBarButton in self.subviews) {

//        if (![tabBarButton isKindOfClass:NSClassFromString(@"UITabBarButton")]) continue;

        if (![NSStringFromClass(tabBarButton.class) isEqualToString:@"UITabBarButton"]) continue;

        // 计算按钮的X值

        CGFloat tabBarButtonX = index * tabBarButtonW;

        if (index >= ) { // 给后面2个button增加一个宽度的X值

            tabBarButtonX += tabBarButtonW;

        }

        // 设置按钮的frame

        tabBarButton.frame = CGRectMake(tabBarButtonX, tabBarButtonY, tabBarButtonW, tabBarButtonH);

        // 增加索引

        index++;

    }

}

三、设置导航控制器的UIBarButtonItem，封装到UIBarButtonItem的分类

+ (instancetype)itemWithImage:(NSString *)image highImage:(NSString *)highImage target:(id)target action:(SEL)action

{

    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

    [button setBackgroundImage:[UIImage imageNamed:image] forState:UIControlStateNormal];

    [button setBackgroundImage:[UIImage imageNamed:highImage] forState:UIControlStateHighlighted];

    [button sizeToFit];

    [button addTarget:target action:action forControlEvents:UIControlEventTouchUpInside];

    return [[self alloc] initWithCustomView:button];

}

那么设置UIBarButtonItem时

    // 导航栏右边的内容

    UIBarButtonItem *moonItem = [UIBarButtonItem itemWithImage:@"mine-moon-icon" highImage:@"mine-moon-icon-click" target:self action:@selector(moonClick)];

    UIBarButtonItem *settingItem = [UIBarButtonItem itemWithImage:@"mine-setting-icon" highImage:@"mine-setting-icon-click" target:self action:@selector(settingClick)];

    self.navigationItem.rightBarButtonItems = @[settingItem, moonItem];

四、隐藏tabbar

    CHGSettingViewController *setting = [[CHGSettingViewController alloc] init];

    setting.hidesBottomBarWhenPushed = YES; // 当push这个控制器时,会自动隐藏底部的工具条

    [self.navigationController pushViewController:setting animated:YES];

五、自定义导航控制器，拦截pushViewController：animated方法统一修改push的控制器的返回键

- (void)viewDidLoad {

    [super viewDidLoad];

    self.interactivePopGestureRecognizer.delegate = self;

}

/**

 * 拦截所有push进来的子控制器

 * @param viewController 每一次push进来的子控制器

 */

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated

{

//    if (不是第一个push进来的子控制器) {

    if (self.childViewControllers.count >= ) {

        // 左上角的返回

        UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];

        [backButton setTitle:@"返回" forState:UIControlStateNormal];

        [backButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

        [backButton setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted];

        [backButton setImage:[UIImage imageNamed:@"navigationButtonReturn"] forState:UIControlStateNormal];

        [backButton setImage:[UIImage imageNamed:@"navigationButtonReturnClick"] forState:UIControlStateHighlighted];

//        button.size = CGSizeMake(70, 30);

        // 让按钮内部的所有内容左对齐  按钮独特的一个属性  这样可以可以做到调整按钮大小 并且内容左对齐

//        button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft; 

        // 自动计算按钮大小

        [backButton sizeToFit];

        [backButton addTarget:self action:@selector(back) forControlEvents:UIControlEventTouchUpInside];

        backButton.contentEdgeInsets = UIEdgeInsetsMake(, -, , );

        viewController.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];

        viewController.hidesBottomBarWhenPushed = YES; // 隐藏底部的工具条

    }

    // super的push方法一定要写到最后面

    // 一旦调用super的pushViewController方法,就会创建子控制器viewController的view

    // 也就会调用viewController的viewDidLoad方法

    [super pushViewController:viewController animated:animated];

}

- (void)back

{

    [self popViewControllerAnimated:YES];

}

#pragma mark - <UIGestureRecognizerDelegate>

/**

 * 每当用户触发[返回手势]时都会调用一次这个方法

 * 返回值:返回YES,手势有效; 返回NO,手势失效

 */

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer

{

    // 如果当前显示的是第一个子控制器,就应该禁止掉[返回手势]

//    if (self.childViewControllers.count == 1) return NO;

//    return YES;

    return self.childViewControllers.count > ;

}

02

补充知识

## 零、颜色须知
- 1> 每一种颜色都是由N个颜色通道组成
- 2> 常见的颜色通道
- 1) A:alpha 透明度
- 2) R:red 红色
- 3) G:green 绿色
- 4) B:blue 蓝色
- 3> 常见颜色
* 白色：全部通道满值
* 黑色：全部通道都是0（透明度除外）
* 灰色：RGB通道的值一样

## 一、32bit颜色
1> 颜色组成
- 1) 由ARGB四个颜色通道组成
- 2) 每一个颜色通道都占据8bit
- 3) 每一个颜色通道的取值范围是[0, 255] [0x00, 0xff] [0b00000000, 0b11111111]

2> 颜色的表示格式
- 1) 16进制格式(HEX格式)
* 绿色 #ff00ff00
* 黄色 #ffffff00
* 白色 #ffffffff
* 黑色 #ff000000

2) ARGB格式
* 绿色 255,0,255,0
* 黄色 255,255,255,0
* 白色 255,255,255,255
* 黑色 255,0,0,0

## 二、24bit颜色
1> 颜色组成
- 1) 由RGB三个颜色通道组成
- 2) 每一个颜色通道都占据8bit
- 3) 每一个颜色通道的取值范围是[0, 255] [0x00, 0xff] [0b00000000, 0b11111111]

2> 颜色的表示格式
- 1) 16进制格式(HEX格式)
* 绿色 #00ff00
* 黄色 #ffff00
* 白色 #ffffff
* 黑色 #000000

- 2) RGB格式
* 绿色 0,255,0
* 黄色 255,255,0
* 白色 255,255,255
* 黑色 0,0,0

## 三、12bit颜色
1> 颜色组成
- 1) 由RGB三个颜色通道组成
- 2) 每一个颜色通道都占据4bit
- 3) 每一个颜色通道的取值范围是[0, 15] [0x0, 0xf] [0b0000, 0b1111]

2> 颜色的表示格式
- 1) 16进制格式(HEX格式)
* 绿色 #0f0
* 黄色 #ff0
* 白色 #fff
* 黑色 #000

- 2) RGB格式
* 绿色 15
* 黄色 15,15,0
* 白色 15,15,15
* 黑色 0,0,0

## 其它
- 红色的表示方式
- \#ffff0000
- \#ff0000
- \#f00

一、三种设置圆角的方法

    self.loginButton.layer.cornerRadius = ;

    self.loginButton.layer.masksToBounds = YES;

    self.loginButton.layer.cornerRadius = ;

    self.loginButton.clipsToBounds = YES;

第三种方法：

    //    [self.loginButton setValue:@5 forKeyPath:@"layer.cornerRadius"];

    //    [self.loginButton setValue:@YES forKeyPath:@"layer.masksToBounds"];

在sb中利用KVC设置上面这两个值

二、修改状态栏样式

// iOS7之前修改状态栏样式
[UIApplication sharedApplication].statusBarStyle;

// iOS7开始由控制器来修改状态栏样式
/**
* 让状态栏样式为白色
*/
- (UIStatusBarStyle)preferredStatusBarStyle
{
　　return UIStatusBarStyleLightContent;
}

三、富文本用法

富文本用法1 - 不可变的属性文字

    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];

    attrs[NSForegroundColorAttributeName] = [UIColor grayColor];

    attrs[NSUnderlineStyleAttributeName] = @;

    attrs[NSUnderlineColorAttributeName] = [UIColor redColor];

    self.attributedPlaceholder = [[NSAttributedString alloc] initWithString:self.placeholder attributes:attrs];

富文本用法2 - 可变的属性文字

NSMutableAttributedString *string = [[NSMutableAttributedString alloc] initWithString:self.placeholder];

    [string addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(, )];

    [string addAttribute:NSForegroundColorAttributeName value:[UIColor greenColor] range:NSMakeRange(, )];

    [string addAttribute:NSFontAttributeName value:[UIFont boldSystemFontOfSize:] range:NSMakeRange(, )];

    self.attributedPlaceholder = string;

富文本用法3 - 图文混排

    NSMutableAttributedString *string = [[NSMutableAttributedString alloc] init];

    // 第二段：图片

    NSTextAttachment *attachment = [[NSTextAttachment alloc] init];

    attachment.image = [UIImage imageNamed:@"login_close_icon"];

    attachment.bounds = CGRectMake(, , , );

    NSAttributedString *subtring2 = [NSAttributedString attributedStringWithAttachment:attachment];

    [string appendAttributedString:subtring2];

    // 第一段：placeholder

    NSAttributedString *substring1 = [[NSAttributedString alloc] initWithString:self.placeholder];

    [string appendAttributedString:substring1];

    // 第三段：哈哈

    NSAttributedString *substring3 = [[NSAttributedString alloc] initWithString:@"哈哈"];

    [string appendAttributedString:substring3];

    self.attributedPlaceholder = string;

四、textField的设置

文本框的属性设置

    // 文本框的光标颜色

    self.tintColor = [UIColor whiteColor];

    // 文字颜色

    self.textColor = [UIColor whiteColor];

    // 设置带有属性的占位文字(富文本)

    self.attributedPlaceholder = [[NSAttributedString alloc] initWithString:self.placeholder attributes:@{NSForegroundColorAttributeName : [UIColor grayColor]}];

占位文字位置设置方法一

    // 占位文字画在哪个位置

    CGPoint point;

    point.x = ;

    point.y = (self.height - self.font.lineHeight) * 0.5;

    // 文字属性

    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];

    attrs[NSForegroundColorAttributeName] = [UIColor redColor];

    attrs[NSFontAttributeName] = self.font;

    [self.placeholder drawAtPoint:point withAttributes:attrs];

占位文字位置设置方法二

   // 占位文字画在哪个矩形框里面

    CGRect placeholderRect = self.bounds;

    placeholderRect.origin.y = (self.height - self.font.lineHeight) * 0.5;

    // 文字属性

    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];

    attrs[NSForegroundColorAttributeName] = [UIColor redColor];

    attrs[NSFontAttributeName] = self.font;

    [self.placeholder drawInRect:placeholderRect withAttributes:attrs];

五、运行时（Runtime）

1.什么是运行时（Runtime）?
* 运行时是苹果提供的纯C语言的开发库（运行时是一种非常牛逼、开发中经常用到的底层技术）

2.运行时的作用？
* 能获得某个类的所有成员变量
* 能获得某个类的所有属性
* 能获得某个类的所有方法
* 交换方法实现
* 能动态添加一个成员变量
* 能动态添加一个属性
* 能动态添加一个方法

3、获得一个类的所有属性的方法（以UITextField为例）

    // 成员变量的数量

    unsigned int outCount = ;

    // 获得所有的成员变量

    Ivar *ivars = class_copyIvarList([UITextField class], &outCount);

    // 遍历所有的成员变量

    for (int i = ; i<outCount; i++) {

        // 取出i位置对应的成员变量

        Ivar ivar = ivars[i];

        // 获得成员变量的名字

        NSLog(@"%s", ivar_getName(ivar));

    }

    // 如果函数名中包含了copy\new\retain\create等字眼，那么这个函数返回的数据就需要手动释放

    free(ivars);

作用：
当你不确定这个类中有哪些属性，可以查看，而且利用kvc可以给一些隐藏起来的私有成员变量赋值

// 设置占位文字颜色

[self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];

六、监听textfield的编辑状态

方法一：

    // 通过addTarget:-》监听文本框的开始和结束编辑

    [self addTarget:self action:@selector(beginEditing) forControlEvents:UIControlEventEditingDidBegin];

    [self addTarget:self action:@selector(endEditing) forControlEvents:UIControlEventEditingDidEnd];

方法二：
设置自己为代理

// 这种做法不推荐，因为delegate属性很容易被外界覆盖

self.delegate = self;

#pragma mark - <UITextFieldDelegate>

- (void)textFieldDidBeginEditing:(UITextField *)textField

{

    [self setValue:[UIColor whiteColor] forKeyPath:@"placeholderLabel.textColor"];

}

- (void)textFieldDidEndEditing:(UITextField *)textField

{

    [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];

}

方法三：

通过通知->监听文本框的开始和结束编辑

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(beginEditing) name:UITextFieldTextDidBeginEditingNotification object:self];

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(endEditing) name:UITextFieldTextDidEndEditingNotification object:self];

- (void)dealloc

{

    [[NSNotificationCenter defaultCenter] removeObserver:self];

}

方法四

巧用

becomeFirstResponder

resignFirstResponder

#define CHGPlaceholderColorKey @"placeholderLabel.textColor"

// 默认的占位文字颜色

#define CHGPlaceholderDefaultColor [UIColor grayColor]

// 聚焦的占位文字颜色

#define CHGPlaceholderFocusColor [UIColor whiteColor]

// 弹出当前文本框对应的键盘时调用

- (BOOL)becomeFirstResponder

{

    [self setValue:CHGPlaceholderFocusColor forKeyPath:CHGPlaceholderColorKey];

    return [super becomeFirstResponder];

}

// 隐藏当前文本框对应的键盘时调用

- (BOOL)resignFirstResponder

{

    [self setValue:CHGPlaceholderDefaultColor forKeyPath:CHGPlaceholderColorKey];

    return [super resignFirstResponder];

}

03

精华的推荐标签界面的处理

　　- 显示推荐标签数据

　　-请求细节处理

　　-圆角图片

　　-封装圆角头像

　　-全局常量、变量（const、extern、static）

一、设置分割线

1、去除系统自带的，在xib中自定义高度为1的view作为分割线（改变透明度调节）（比较麻烦这里不用）
2、在系统设置完cell的frame后，再手动修改cell的frame（重写setframe方法）

// 去掉系统自带的分割线

self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

/**

 * 重写这个方法的目的：拦截cell的frame设置

 */

- (void)setFrame:(CGRect)frame

{

    frame.size.height -= ;

//    frame.origin.x = 5;

//    frame.size.width -= 2 * frame.origin.x;

    [super setFrame:frame];

}

注意：重写setframe setbounds可以避免外界修改控件的尺寸，从而达到保留你设置的尺寸的目的（如果重写形变方法也可以在次修改属性）

设置分割线方法二错误示例

二、请求数据

1、如果对数据的结构不清楚，建议将数据写在plist文件里看

// 将服务器的数据写成plist。方便查看数据结构

[responseObject writeToFile:@"/Users/chg/Desktop/tag.plist" atomically:YES];

2、管理者最好用属性保存，便于管理task

3、各种请求失败时最好做判断处理

        // 如果是取消了任务，就不算请求失败，就直接返回

        if (error.code == NSURLErrorCancelled) return;

        if (error.code == NSURLErrorTimedOut) {

            // 关闭弹框

            [SVProgressHUD showErrorWithStatus:@"加载标签数据超时，请稍后再试！"];

        } else {

            // 关闭弹框

            [SVProgressHUD showErrorWithStatus:@"加载标签数据失败"];

        }

4、控制器消亡时停止请求

- (void)dealloc

{

    // 停止请求

    [self.manager invalidateSessionCancelingTasks:YES];

//    [self.manager.downloadTasks makeObjectsPerformSelector:@selector(cancel)];

//    [self.manager.dataTasks makeObjectsPerformSelector:@selector(cancel)];

//    [self.manager.uploadTasks makeObjectsPerformSelector:@selector(cancel)];

//    [self.manager.tasks makeObjectsPerformSelector:@selector(cancel)];

//    for (NSURLSessionTask *task in self.manager.tasks) {

//        [task cancel];

//    }

    [SVProgressHUD dismiss];

}

三、项目期间遇到的问题

1、debug中的宏不能全部小写
2、sb中，IBOutlet内部会有一个隐藏强引用，系统会在恰当的时候释放

IBOutlet数组中的顺序和连线顺序有关

3、AFN框架中如何防止控制器被强引用

四、cell里头像设置为圆角图片

1、使用图层直接设置（会出现卡顿现象不推荐）

- (void)awakeFromNib

{

    // 如果使用过于频繁，可能会导致拖拽起来的感觉比较卡

//    self.imageListView.layer.cornerRadius = self.imageListView.width * 0.5;

//    self.imageListView.layer.masksToBounds = YES;

}

2、使用SDWebImage框架，先裁剪，再设置图片，封装到UIImage分类

- (instancetype)circleImage

{

    // 开启图形上下文

    UIGraphicsBeginImageContext(self.size);

    // 获得上下文

    CGContextRef ctx = UIGraphicsGetCurrentContext();

    // 矩形框

    CGRect rect = CGRectMake(, , self.size.width, self.size.height);

    // 添加一个圆

    CGContextAddEllipseInRect(ctx, rect);

    // 裁剪(裁剪成刚才添加的图形形状)

    CGContextClip(ctx);

    // 往圆上面画一张图片

    [self drawInRect:rect];

    // 获得上下文中的图片

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    // 关闭图形上下文

    UIGraphicsEndImageContext();

    return image;

}

+ (instancetype)circleImageNamed:(NSString *)name

{

    return [[self imageNamed:name] circleImage];

}

3、根据项目需求更改，封装到UIImageVIew分类，从而达到只改一处整个项目所有头像一起改变风格（圆形方形）

- (void)setHeader:(NSString *)url

{

    [self setCircleHeader:url];

}

// 方形

- (void)setRectHeader:(NSString *)url

{

    [self sd_setImageWithURL:[NSURL URLWithString:url] placeholderImage:[UIImage imageNamed:@"defaultUserIcon"]];

}

// 圆形

- (void)setCircleHeader:(NSString *)url

{

    XMGWeakSelf;

    UIImage *placeholder = [[UIImage imageNamed:@"defaultUserIcon"] circleImage];

    [self sd_setImageWithURL:[NSURL URLWithString:url] placeholderImage:placeholder completed:

     ^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {

       // 如果图片下载失败，就不做任何处理，按照默认的做法：会显示占位图片

       if (image == nil) return;

       weakSelf.image = [image circleImage];

   }];

}

那么在项目中下载设置头像时

    // 设置头像

    [self.imageListView setHeader:tagModel.image_list];

五、代码风格（写法）问题，宏与全局变量的选择

1、cell的循环利用标识设置为全局常量或者宏
2、请求路径相同的路径抽取到PCH中
3、以上两处，需要注意宏与全局变量、常量被（const、extern、static）修饰的三种方式
1）宏不允许改动，数据是固定的（优点：安全），但是宏可以替换，每一个用到宏的地方都是临时开辟的存储空间（缺点：浪费内存）
2）全局变量的数据允许改动（缺点：不安全），但是全局变量只开辟一块存储空间（优点：优化内存）
3）根据分析折中选择，可以在全局变量前添加const修饰（改为常量，不允许改动）
4）const：只修饰右边的内容，被修饰的内容都是常量，都是不能再修改的
5）extern：可以引用全局变量（也可以引用函数）：其他文件中可以利用extern引用一个全局变量，并且变量可再修改
6）static：
被static修饰全局变量\常量为静态变量，仅限于当前文件使用，也就是说作用域被改变了
被static修饰局部变量只会占用一块内存，在整个程序运行过程都不会销毁，只会初始化一次，也就是说声明周期被改变了

04

一、“我的”界面

1、界面分析：分组样式的tableView，在tableview的footView上添加多个按钮

// 设置为分组样式：

[self setupChildVc:[[CHGMeViewController alloc] initWithStyle:UITableViewStyleGrouped] title:@"我" image:@"tabBar_me_icon" selectedImage:@"tabBar_me_click_icon"];

// 设置footer

self.tableView.tableFooterView = [[CHGMeFooter alloc] init];

2、调整tableView位置，设置tableView的内边距可以让cell和footView一起往上移（tableView.contentInset）

    self.tableView.sectionHeaderHeight = ;

    self.tableView.sectionFooterHeight = XMGCommonMargin;

    // 设置内边距(-25代表：所有内容往上移动25)

    self.tableView.contentInset = UIEdgeInsetsMake(XMGCommonMargin - , , , );

3、自定义cell 在initWithStyle：reuseIdentifier中自定义cell文字颜色，背景图片等等是谁的事就交给谁去做，MVC的基本思想：

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier

{

    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {

        // 设置右边的标识为箭头

        self.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

        // 设置textlabel为深灰色

        self.textLabel.textColor = [UIColor darkGrayColor];

        // 设置背景图片

        self.backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"mainCellBackground"]];

    }

    return self;

}

4、重写latoutSubviews 微调cell控件的frame（cell的lable、imageView）

- (void)layoutSubviews

{

    [super layoutSubviews];

    if (self.imageView.image == nil) return;

    // 调整imageView

    self.imageView.y = CHGCommonMargin * 0.5;

    self.imageView.height = self.contentView.height -  * self.imageView.y;

    self.imageView.width = self.imageView.height;

    // 调整Label

//    self.textLabel.x = self.imageView.x + self.imageView.width + XMGCommonMargin;

    self.textLabel.x = CGRectGetMaxX(self.imageView.frame) + CHGCommonMargin;

    // CGRectGetMaxX(self.imageView.frame) == self.imageView.x + self.imageView.width

    // CGRectGetMinX(self.imageView.frame) == self.imageView.x

    // CGRectGetMidX(self.imageView.frame) == self.imageView.x + self.imageView.width * 0.5

    // CGRectGetMidX(self.imageView.frame) == self.imageView.centerX

}

5、自定义footView，在initWithFrame：方法中请求数据，布局footView的子控件，添加按钮，添加点击监听

。。。

[button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];

        [self addSubview:button];

        // 设置模型数据

        button.square = squares[i];

。。。

6、自定义方块button，布局button子控件,设置数据，设置按钮背景图片时注意按钮状态，（使用UIButton+WebCache框架）

@implementation CHGSquareButton

- (instancetype)initWithFrame:(CGRect)frame

{

    if (self = [super initWithFrame:frame]) {

        self.titleLabel.textAlignment = NSTextAlignmentCenter;

        self.titleLabel.font = [UIFont systemFontOfSize:];

        [self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

        [self setBackgroundImage:[UIImage imageNamed:@"mainCellBackground"] forState:UIControlStateNormal];

    }

    return self;

}

- (void)layoutSubviews

{

    [super layoutSubviews];

    self.imageView.width = self.width * 0.5;

    self.imageView.height = self.imageView.width;

    self.imageView.y = self.height * 0.1;

    self.imageView.centerX = self.width * 0.5;

    self.titleLabel.width = self.width;

    self.titleLabel.y = CGRectGetMaxY(self.imageView.frame);

    self.titleLabel.x = ;

    self.titleLabel.height = self.height - self.titleLabel.y;

}

- (void)setSquare:(XMGSquare *)square

{

    _square = square;

    // 数据

    [self setTitle:square.name forState:UIControlStateNormal];

    // 设置按钮的image

    [self sd_setImageWithURL:[NSURL URLWithString:square.icon] forState:UIControlStateNormal];

}

@end

7、设置footView高度，再次将footView设置为tableView的footView（或者设置contensize最大y为foot的高度）
如不再次设置会导致footView高度为0 那么按钮已经超出footView的边框范围按钮不能响应点击事件

// 设置footer的高度(方法一)

self.height = CGRectGetMaxY(button.frame);

// 设置footer的高度（方法二）

NSUInteger rowsCount = count / colsCount;

if (count % colsCount) { // 不能整除，行数+1

    rowsCount++;

}

// 用下面的数学公式也能快速计算出行数

// NSUInteger rowsCount = (count + colsCount - 1) / colsCount;

self.height = rowsCount * buttonH;

有了高度后就可以重新设置tableFooterView（或者设置contensize最大y为foot的高度）

UITableView *tableView = (UITableView *)self.superview;

// tableView.tableFooterView = self;

tableView.contentSize = CGSizeMake(, CGRectGetMaxY(self.frame));

拓展知识：

1个控件不能响应点击事件，原因可能有：

1> userInteractionEnabled = NO;

2> enabled = NO;

3> 父控件的userInteractionEnabled = NO;

4> 父控件的enabled = NO;

5> 控件已经超出父控件的边框范围（此处按钮不能点击的原因）

8、设置方块按钮之间的分割线
1）自定义添加宽高为1的view
2）设置frame，往左减一，往上减一

3）按钮背景图片本身就带有分割线

9、设置点击按钮时的URL（3种方法）

1）遍历footView所有子控件根据index赋值

    // 计算被点击按钮在子控件数组的位置

//    NSUInteger index = [self.subviews indexOfObject:button];

//    XMGSquare *square = self.squares[index];

2）给button绑定tag，设置数据

//    XMGSquare *square = self.squares[button.tag];

3）一一绑定，在button模型添加数据模型属性，每一个按钮对应一个对象数据

// 设置模型数据

        button.square = squares[i];

10、http开头的需要跳转到网页界面（百思有些URL是内部处理的，无法访问所以在这里做个处理）
拿到当前选中的控制器进行跳转

    if ([button.square.url hasPrefix:@"http"]) {

        CHGWebViewController *webVc = [[CHGWebViewController alloc] init];

        // 取出当前选中的导航控制器

        UITabBarController *rootVc = (UITabBarController *)self.window.rootViewController;

        UINavigationController *nav = (UINavigationController *)rootVc.selectedViewController;

        [nav pushViewController:webVc animated:YES];

//        [UIApplication sharedApplication].keyWindow;

//        [[rootVc.childViewControllers lastObject] pushViewController:webVc animated:YES];

//        CHGLog(@"%@", rootVc.selectedViewController);

    }

11、网页界面
实现代理来监听当前页面是否能返回或前进

// 根据url加载网页

    [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:self.square.url]]];

#pragma mark - <UIWebViewDelegate>

- (void)webViewDidFinishLoad:(UIWebView *)webView

{

    self.backItem.enabled = webView.canGoBack;

    self.forwardItem.enabled = webView.canGoForward;

}

12、设置界面（清除缓存）
1）计算文件大小 (多种方法)
获得文件夹路径
遍历文件夹计算每一个文件的大小累加所有文件大小

// 手机上的磁盘缓存 == 从网络上下载的数据 + 写入的数据
// 手机上的磁盘缓存的数据类型 == 图片 + 多媒体文件

方法一

- (void)getSize

{

    // 总大小

    NSInteger size = ;

    // 文件路径

//    NSString *caches = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) firstObject];

//    NSString *file = [caches stringByAppendingPathComponent:@"default"];

    NSString *file = @"/Users/chg/Desktop";

    // 文件管理者

    NSFileManager *mgr = [NSFileManager defaultManager];

    // 获得文件夹中的所有内容

    NSDirectoryEnumerator *enumerator = [mgr enumeratorAtPath:file];

    for (NSString *subpath in enumerator) {

        // 获得全路径

        NSString *fullSubpath = [file stringByAppendingPathComponent:subpath];

        // 获得文件属性

        NSDictionary *attrs = [mgr attributesOfItemAtPath:fullSubpath error:nil];

//        size += [attrs[NSFileSize] integerValue];

        size += attrs.fileSize;

    }

    CHGLog(@"%@ %f", file, size / 1000.0 / 1000.0);

}

方法二

- (void)getSize2

{

    // 总大小

    NSInteger size = ;

    // 文件路径

    NSString *caches = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) firstObject];

    NSString *file = [caches stringByAppendingPathComponent:@"default"];

    // 文件管理者

    NSFileManager *mgr = [NSFileManager defaultManager];

    // 获得文件夹中的所有内容

    //    NSArray *contents = [mgr contentsOfDirectoryAtPath:file error:nil];

    NSArray *subpaths = [mgr subpathsAtPath:file];

    for (NSString *subpath in subpaths) {

        // 获得全路径

        NSString *fullSubpath = [file stringByAppendingPathComponent:subpath];

        // 获得文件属性

        NSDictionary *attrs = [mgr attributesOfItemAtPath:fullSubpath error:nil];

//        size += [attrs[NSFileSize] integerValue];

        size += attrs.fileSize;

    }

    CHGLog(@"%@ %f", file, size / 1000.0 / 1000.0);

}

封装NSString分类传入文件（夹）路径快速获取该文件（夹）大小

.h文件

#import <Foundation/Foundation.h>

@interface NSString (CHGExtension)

// 计算文件（夹）大小

- (NSInteger)fileSize;

@end

#import "NSString+CHGExtension.h"

@implementation NSString (CHGExtension)

// 判断一个路径是文件夹 or 文件

//    [[mgr attributesOfItemAtPath:self error:nil].fileType isEqualToString:NSFileTypeDirectory];

- (NSInteger)fileSize

{

    // 文件管理者

    NSFileManager *mgr = [NSFileManager defaultManager];

    // 是否为文件夹

    BOOL isDirectory = NO;

    // 这个路径是否存在

    BOOL exists = [mgr fileExistsAtPath:self isDirectory:&isDirectory];

    // 路径不存在

    if (exists == NO) return ;

    if (isDirectory) { // 文件夹

        // 总大小

        NSInteger size = ;

        // 获得文件夹中的所有内容

        NSDirectoryEnumerator *enumerator = [mgr enumeratorAtPath:self];

        for (NSString *subpath in enumerator) {

            // 获得全路径

            NSString *fullSubpath = [self stringByAppendingPathComponent:subpath];

            // 获得文件属性

            size += [mgr attributesOfItemAtPath:fullSubpath error:nil].fileSize;

        }

        return size;

    } else { // 文件

        return [mgr attributesOfItemAtPath:self error:nil].fileSize;

    }

}

@end

2）实现数据源方法，自定义cell，添加菊花标识等等，添加cell的对象方法，选中cell时调用该方法，实现子线程计算大小、清除缓存（直接干掉缓存文件夹）主线程更新UI
（注意：此处计算文件时禁止cell的点击事件，清除文件时也不允许用户交互，缓存清除完之后干掉菊花等细节）

// 禁止点击事件

        self.userInteractionEnabled = NO;

        // 右边显示圈圈

        UIActivityIndicatorView *loadingView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];

        [loadingView startAnimating];

        self.accessoryView = loadingView;

        // 计算大小

        [[[NSOperationQueue alloc] init] addOperationWithBlock:^{

            // 计算缓存大小

            NSInteger size = CHGCacheFile.fileSize;

            CGFloat unit = 1000.0;

            NSString *sizeText = nil;

            if (size >= unit * unit * unit) { // >= 1GB

                sizeText = [NSString stringWithFormat:@"%.1fGB", size / unit / unit / unit];

            } else if (size >= unit * unit) { // >= 1MB

                sizeText = [NSString stringWithFormat:@"%.1fMB", size / unit / unit];

            } else if (size >= unit) { // >= 1KB

                sizeText = [NSString stringWithFormat:@"%.1fKB", size / unit];

            } else { // >= 0B

                sizeText = [NSString stringWithFormat:@"%zdB", size];

            }

            NSString *text = [NSString stringWithFormat:@"%@(%@)", CHGDefaultText, sizeText];

            // 回到主线程

            [[NSOperationQueue mainQueue] addOperationWithBlock:^{

                self.textLabel.text = text;

                self.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

                self.accessoryView = nil;

                // 允许点击事件

                self.userInteractionEnabled = YES;

            }];

        }];

// 清除缓存

- (void)clearCache

{

    [SVProgressHUD showWithStatus:@"正在清除缓存" maskType:SVProgressHUDMaskTypeBlack];

    [[[NSOperationQueue alloc] init] addOperationWithBlock:^{

        [[NSFileManager defaultManager] removeItemAtPath:XMGCacheFile error:nil];

        [[NSOperationQueue mainQueue] addOperationWithBlock:^{

            [SVProgressHUD showSuccessWithStatus:@"清除成功"];

            self.textLabel.text = XMGDefaultText;

            // 禁止点击事件

            self.userInteractionEnabled = NO;

        }];

    }];

}

3）在代理方法中，选中cell时，取消cell的选中状态，调用cell清除缓存（clearCache）的方法

#pragma mark - <代理>

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

{

    // 取消选中

    [tableView deselectRowAtIndexPath:indexPath animated:YES];

    // 清除缓存

    CHGClearCacheCell *cell = (CHGClearCacheCell *)[tableView cellForRowAtIndexPath:indexPath];

    [cell clearCache];

}

4）扩展多组多行的情况（循环利用）
如果清除缓存的cell（独特、唯一）和其他的cell都不太一样，那么注册两种标识分别区分cell类型防止循环利用

[self.tableView registerClass:[CHGClearCacheCell class] forCellReuseIdentifier:CHGClearCacheCellId];

    [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:CHGOtherCellId];

5）新特新处理：当菊花离开屏幕时系统会自动停止动画（ios9），再给cell添加一个对象方法，用于判断当前是菊花还是箭头，如果是菊花，继续转，不是就return

- (void)updateStatus

{

    if (self.accessoryView == nil) return;

    // 让圈圈继续旋转

    UIActivityIndicatorView *loadingView = (UIActivityIndicatorView *)self.accessoryView;

    [loadingView startAnimating];

}

13、运行时
1）获取成员变量的类型

应用场景：
字典转模型时判断类型

2）获取属性

3）获取方法交换等等（具体可以参考曹理鹏博客）

项目的代码我已经上传到 https://github.com/chglog 欢迎下载

下载后运行可能会报错，你可以先将我的cocoapods清除，重新集成框架，就可以运行了

码农公寓

01