iOS 自定义button

这次写的并不算是一种功能,它只是方便我们去快速的铺界面,先来看下效果图

创建这种button,多数人会用image+label等组合模式来创建,这种创建的方法不仅费时,还比较费力,今天我带来的是自定义button,仅需要两行代码,就能实现这种效果

首先,创建个自定义button类

//
//  BackGroundButton.h
//  Life
//
//  Created by Amydom on 16/7/5.
//  Copyright © 2016年 Amydom. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface BackGroundButton : UIButton

@end

//
//  BackGroundButton.m
//  Life
//
//  Created by Amydom on 16/7/5.
//  Copyright © 2016年 Amydom. All rights reserved.
//

#import "BackGroundButton.h"

@implementation BackGroundButton

//title的位置
- (CGRect)titleRectForContentRect:(CGRect)contentRect{
    return CGRectMake(0, 53, 375/3, 20);
}
//背景的位置
- (CGRect)backgroundRectForBounds:(CGRect)bounds{
    return CGRectMake((375/3 - 31) / 2, 13, 31, 31);
}

@end

下面在viewcontroller里使用就可以了

//
//  ViewController.m
//  Life
//
//  Created by Amydom on 16/7/5.
//  Copyright © 2016年 Amydom. All rights reserved.
//

#import "ViewController.h"
#import "BackGroundButton.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor colorWithWhite:0.925 alpha:1.000];
    [self createMySubViews];

}


- (void)createMySubViews{
    //banner
    UIImageView *bannerImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 64, 375, 200)];
    bannerImageView.image = [UIImage imageNamed:@"banner.png"];
    [self.view addSubview:bannerImageView];
    
    //放button的背景view
    UIView *backView = [[UIView alloc] initWithFrame:CGRectMake(0, bannerImageView.frame.size.height + bannerImageView.frame.origin.y + 20, 375, 200)];
    backView.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:backView];
    //存放列表图片和标题
    NSString *plistPath = [[NSBundle mainBundle] pathForResource:@"myAssetsButtonImageAndTitle" ofType:@"plist"];
    NSArray *imageAndtiltleArray = [[NSArray alloc] initWithContentsOfFile:plistPath];
    for (int i = 0; i < [imageAndtiltleArray count]; i++) {
        //自定义button
         BackGroundButton *btn = [BackGroundButton buttonWithType:UIButtonTypeCustom];
        btn.frame = CGRectMake(375 / 3 * (i % 3), backView.frame.size.height / 2 * (i / 3), 375 / 3, backView.frame.size.height / 2);
        [btn setBackgroundImage:[UIImage imageNamed:[imageAndtiltleArray objectAtIndex:i][@"image"]] forState:UIControlStateNormal];
        [btn setTitle:[imageAndtiltleArray objectAtIndex:i][@"title"] forState:UIControlStateNormal];
        [btn setTitleColor:[UIColor colorWithRed:58 / 255.0 green:58 / 255.0 blue:58 / 255.0 alpha:1.0] forState:UIControlStateNormal];
        btn.titleLabel.textAlignment = NSTextAlignmentCenter;
        btn.titleLabel.font = [UIFont systemFontOfSize:12.0f];
        btn.tag = i;
        [btn addTarget:self action:@selector(setButtonBackGroundColor:) forControlEvents:UIControlEventTouchUpInside];
        
        //设置边界的宽度
        [btn.layer setBorderWidth:0.3];
        
        //设置按钮的边界颜色
        [btn.layer setBorderColor:[UIColor colorWithWhite:0.925 alpha:1.000].CGColor];
        
        [backView addSubview:btn];
    }
    
    
    
}

#pragma mark - ClickEvent
- (void)setButtonBackGroundColor:(id)sender {
    UIButton *AssetsBtn = (UIButton *) sender;
    switch (AssetsBtn.tag) {
        case 0: {
          //话费充值界面
            
        } break;
        case 1: {
            //流量充值界面
           
        } break;
        case 2: {
            //预约挂号界面
      
            
        } break;
        case 3: {
            //客运购票界面
      
            
        } break;
        case 4: {
            //违章查询界面
        
        } break;
        case 5: {
            //更多界面
            
        } break;
 
        default:
            break;
    }
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

这里为了方便,我把数据存放到pllist文件里了,这样,这种图文的button就创建完成了,感觉还是很简单的(这个自定义button类可以直接放到工程中使用..)