首页 / IOS / IOS 自定义按钮（代码实现）＋九宫格

IOS 自定义按钮（代码实现）＋九宫格

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了IOS 自定义按钮（代码实现）＋九宫格，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3391字，纯文字阅读大概需要5分钟。

内容图文

 在一些下载应用里整个页面都是按钮，有好多好多，但是仔细观察不难发现他们很有规律。就像下面一样??

技术分享

很有规律的排列在屏幕上，那么这需要我们怎么去做能。

正如标题，我们需要了解两个知识点，分别是自定义按钮和九宫格，九宫格是一种算法。在这里我给大家列出方法，并不过多解释，希望会对大家有帮助。

代码如下：

自定义按钮部分

            //
            //
              CXButton.m

            //
              CX-自定义按钮（代码实现）＋九宫格

            //
            //
              Created by ma c on 16/3/18.

            //
              Copyright ? 2016年 xubaoaichiyu. All rights reserved.

            //

            #import
            "
            CXButton.h
            "
            //
            设置 自定义按钮的image与title在整个按钮中的比例

            //
            image 0.7

            //
            title 0.3
            static CGFloat  kScale = 0.7;

@implementation CXButton

-(instancetype)initWithFrame:(CGRect)frame{
    
    self = [super initWithFrame:frame];
    
    if (self) {
        
        self.imageView.contentMode = UIViewContentModeCenter;
        
        self.titleLabel.font = [UIFont systemFontOfSize:15];
        
        self.titleLabel.textAlignment = NSTextAlignmentCenter;
        
    }
    return self;
    
}

-(CGRect)imageRectForContentRect:(CGRect)contentRect{
    
    CGFloat X = 0;
    CGFloat Y = 0;
    CGFloat width = contentRect.size.width;
    CGFloat height = contentRect.size.height * kScale;
    
    return CGRectMake(X, Y, width, height);
    
}
-(CGRect)titleRectForContentRect:(CGRect)contentRect{
    
    CGFloat X = 0;
    CGFloat Y = contentRect.size.height * kScale;
    CGFloat width = contentRect.size.width;
    CGFloat height = contentRect.size.height * (1 - kScale);
    
    return CGRectMake(X, Y, width, height);
    
}
@end

九宫格部分：

            //
            //
              ViewController.m

            //
              CX-自定义按钮（代码实现）＋九宫格

            //
            //
              Created by ma c on 16/3/18.

            //
              Copyright ? 2016年 xubaoaichiyu. All rights reserved.

            //

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


            @end
            @implementation
             ViewController

            #pragma mark - life
- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self loadCXButton];
    
}

#pragma mark - function
-(void)loadCXButton{
    
    for (NSInteger i = 0; i < 9; i ++) {
        
        CXButton * button = [CXButton buttonWithType:UIButtonTypeCustom];
        
        [button setImage:[UIImage imageNamed:@"apply_sex_selected"] forState:UIControlStateNormal];
        
        [button setTitle:@"祝福" forState:UIControlStateNormal];
        
        button.backgroundColor = [UIColor grayColor];
        
        [button setTitleColor:[UIColor greenColor] forState:UIControlStateNormal];
        
        //下面是九宫格的设计
        NSInteger l = i % 3;
        NSInteger h = i / 3;
        
        NSInteger kMagin = 20;
        
        CGFloat width = (self.view.frame.size.width - 4 * kMagin) / 3;
        CGFloat height = 100;
        //通过个数位置确定具体的frame
        button.frame = CGRectMake(kMagin + (kMagin + width) * l,20 + kMagin + (kMagin + height) * h, width, height);
        
        NSLog(@"%@",NSStringFromCGRect(button.frame));
        
        [self.view addSubview:button];
    }
    
}
/*
 2016-03-18 17:45:36.663 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{19.999999999999993, 40}, {111.33333333333333, 100}}
 2016-03-18 17:45:36.664 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{151.33333333333331, 40}, {111.33333333333333, 100}}
 2016-03-18 17:45:36.666 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{282.66666666666663, 40}, {111.33333333333333, 100}}
 2016-03-18 17:45:36.667 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{19.999999999999993, 160}, {111.33333333333333, 100}}
 2016-03-18 17:45:36.668 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{151.33333333333331, 160}, {111.33333333333333, 100}}
 2016-03-18 17:45:36.669 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{282.66666666666663, 160}, {111.33333333333333, 100}}
 2016-03-18 17:45:36.669 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{19.999999999999993, 280}, {111.33333333333333, 100}}
 2016-03-18 17:45:36.670 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{151.33333333333331, 280}, {111.33333333333333, 100}}
 2016-03-18 17:45:36.671 CX-自定义按钮（代码实现）＋九宫格[5772:360492] {{282.66666666666663, 280}, {111.33333333333333, 100}}

 */@end

 

原文：http://www.cnblogs.com/xubaoaichiyu/p/5293128.html

内容总结

以上是互联网集市为您收集整理的IOS 自定义按钮（代码实现）＋九宫格全部内容，希望文章能够帮你解决IOS 自定义按钮（代码实现）＋九宫格所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1189513.html

来源：【匿名】