美文网首页
九宫格布局方法抽取

九宫格布局方法抽取

作者: sendo | 来源:发表于2016-12-23 19:42 被阅读0次
    • 测试效果


      Sudoku.png
    • 使用时只需要一行代码

    [Sudoku sudokuWithColumn:5 line:4 objectWidth:65 height:75 inTheSuperView:_testView];
    
    • 单独写了个类
    #import "Sudoku.h"
    
    @implementation Sudoku
    
    /**
     * 核心思路:
     * 列的x值一样,行的y值一样
     * x值=列号 *(子控件宽+列间距),y值=行号 *(子控件高+行间距)
     * 列号=index%列数,行号=index/列数    ----计算时依靠固定列数
     */
    + (void)sudokuWithColumn:(NSUInteger)column line:(NSUInteger)line objectWidth:(CGFloat)width height:(CGFloat)height inTheSuperView:(UIView *)theSuperView{
        
        // 预定义
        CGFloat objectW = width;
        CGFloat objectH = height;
        NSUInteger cols = column;
        NSUInteger lines = line;
        
        // margin计算
        CGFloat colMargin = (theSuperView.frame.size.width - cols * objectW)/(cols - 1);
        CGFloat rowMargin = (theSuperView.frame.size.height - lines * objectH)/(lines - 1);
        
        // 父控件中已经添加的子控件个数
        NSUInteger index = theSuperView.subviews.count;
        
        // x、y值计算(位置)
        NSUInteger col = index % cols;
        NSUInteger row = index / cols;
        
        CGFloat objectX = col * (objectW + colMargin);
        CGFloat objectY = row * (objectH + rowMargin);
        
        // 创建要添加的控件
        UIView *objectView = [[UIView alloc] init];
        objectView.backgroundColor = [UIColor yellowColor];
        objectView.frame = CGRectMake(objectX, objectY, objectW, objectH);
        [theSuperView addSubview:objectView];
        
        theSuperView.clipsToBounds = YES;
    }
    @end
    

    相关文章

      网友评论

          本文标题:九宫格布局方法抽取

          本文链接:https://www.haomeiwen.com/subject/bvokvttx.html