码迷,mamicode.com
首页 > 移动开发 > 详细

IOS 九宫格实现思路

时间:2014-11-26 01:30:10      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:uiview   ios九宫格   

根据要求 显示图片 以九宫格形式排放

基本思路

 //显示总列数  可以随意改变
        int columnCount=3;
        //没个格子的宽度和高度
        CGFloat appW=85.0;
        CGFloat appH=95.0;
        //计算间隙
        CGFloat appMargin=(self.view.frame.size.width-columnCount*appW)/(columnCount+1);
        
        //读取资源文件  _apps.count表示资源个数
        NSString *path=[[NSBundle mainBundle] pathForResource:@"myAppRes.plist" ofType:nil];
        _apps=[NSArray arrayWithContentsOfFile:path];
       
        for (int i=0; i<_apps.count; i++) {
            
            UIView *vi=[[UIView alloc] init];
            vi.backgroundColor=[UIColor greyColor];
            //计算列号和行号
            int colX=i%columnCount;
            int rowY=i/columnCount;
            //计算坐标
            CGFloat appX=appMargin+colX*(appW+appMargin);
            CGFloat appY=30+rowY*(appH+appMargin);
            
            vi.frame=CGRectMake(appX, appY, appW, appH);
            
            [self.view addSubview:vi];

只需要改变总列数 和 宽高 就能显示需要的效果:如图

bubuko.com,布布扣





IOS 九宫格实现思路

标签:uiview   ios九宫格   

原文地址:http://blog.csdn.net/u010586842/article/details/41495921

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!