美文网首页
九宫格的计算

九宫格的计算

作者: Mr丶炎 | 来源:发表于2016-05-27 14:41 被阅读59次
Snip20160527_1.png

九宫格的计算就是要知道行数和列数

 // 数据
    NSArray *images = @[@"publish-video",  @"publish-picture", @"publish-text", @"publish-audio", @"publish-review", @"publish-offline"];
    NSArray *titles = @[@"发视频", @"发图片", @"发段子", @"发声音", @"审帖", @"离线下载"];
    
    // 添加6个按钮
    int maxCols = 3;
    CGFloat buttonW = 72;
    CGFloat buttonH = buttonW + 30;
    CGFloat buttonStarY = (BSScreenH - 2 * buttonH) * 0.5;
    CGFloat buttonStarX = 20;
    CGFloat xMargin = (BSScreenW - 2 * buttonStarX - maxCols * buttonW) / (maxCols - 1);
    
    for (int i = 0; i < images.count; i++) {
        BSVerticalButton *button = [[BSVerticalButton alloc] init];
        // 设置内容
        button.titleLabel.font = [UIFont systemFontOfSize:14];
        [button setTitle:titles[i] forState:UIControlStateNormal];
        [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [button setImage:[UIImage imageNamed:images[i]] forState:UIControlStateNormal];
        
        // 设置frame
        button.width = buttonW;
        button.height = buttonH;
        // 九宫格计算
        /*
         0  1  2
         3  4  5
         6  7  8
         */
        int row = i / maxCols; // 行
        int col = i % maxCols; // 列
        
        button.x = buttonStarX + col * (xMargin + buttonW);
        button.y = buttonStarY + row * buttonH;
        
        
        [self.view addSubview:button];

相关文章

  • 九宫格算法

    //九宫格算法。 /* 计算步骤 1,确定每个app的宽和高 2,计算marginX,marginY, margi...

  • UI基础(二)—— 应用管理

    先介绍几个九宫格小算法算法 计算行索引NSInteger rowIndex = i / kColumn; 计算列索...

  • 九宫格的计算

    九宫格的计算就是要知道行数和列数

  • 指示器隐藏

    ##九宫格 -利用空间索引计算出控件所在的行号和列好 -利用列好计算X -利用行号计算Y ##HUB -其他说法,...

  • iOS(UI)

    ## 九宫格计算思路 - 利用控件的索引index计算出控件所在的行号和列号 - 利用列号计算控件的x值 - 利用...

  • 详解自动布局(Masonry)实现九宫格

    以前写TimeLine中照片九宫格布局是直接计算frame,今天想用自动布局实现。 九宫格布局 使用自动布局,首先...

  • UI基础4 九宫格计算 HUD Plist文件 Bundle

    九宫格计算思路 利用控件索引index计算出控件所在的行号和列号 利用列号计算控件的x值 利用行号计算控件的y值 ...

  • iOS回炉笔记整理1

    九宫格计算思路 利用控件的索引index计算出控件所在的行号和列号 利用列号计算控件的x值 利用行号计算控件的y值...

  • iOS零散知识

    九宫格计算思路 利用控件的索引index计算出控件所在的行号和列号 利用列号计算控件的x值 利用行号计算控件的y值...

  • 从点滴开始2

    九宫格计算思路 利用控件的索引index计算出控件所在的行号和列号 利用列号计算控件的x值 利用行号计算控件的y值...

网友评论

      本文标题:九宫格的计算

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