iOS开发UI篇—九宫格坐标计算

一、要求

完成下面的布局

 

二、分析

寻找左边的规律，每一个uiview的x坐标和y坐标。

三、实现思路

 

(1)明确每一块用得是什么view

(2)明确每个view之间的父子关系，每个视图都只有一个父视图，拥有很多的子视图。

(3)可以先尝试逐个的添加格子，最后考虑使用for循环，完成所有uiview的创建

(4)加载app数据，根据数据长度创建对应个数的格子

(5)添加格子内部的子控件

(6)给内部的子控件装配数据

四、代码示例

1 //  2 //  YYViewController.m  3 //  九宫格练习  4 //  5 //  Created by 孔医己 on 14-5-22.  6 //  Copyright (c) 2014年 itcast. All rights reserved.  7 //  8   9 #import "YYViewController.h" 10  11 @interface YYViewController () 12 @property(nonatomic,strong)NSArray *apps; 13 @end 14  15 @implementation YYViewController 16  17  18 //1.加载数据 19 - (NSArray *)apps 20 { 21     if (!_apps) { 22         NSString *path=[[NSBundle mainBundle]pathForResource:@"app.plist" ofType:nil]; 23         _apps=[NSArray arrayWithContentsOfFile:path]; 24     } 25     return _apps; 26 } 27  28 - (void)viewDidLoad 29 { 30     [super viewDidLoad]; 31     NSLog(@"%d",self.apps.count); 32      33     //2.完成布局设计 34      35     //三列 36     int totalloc=3; 37     CGFloat appvieww=80; 38     CGFloat appviewh=90; 39      40     CGFloat margin=(self.view.frame.size.width-totalloc*appvieww)/(totalloc+1); 41     int count=self.apps.count; 42     for (int i=0; i

执行效果：