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

一、要求

完成下面的布局

二、分析

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

三、实现思路

 

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

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

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

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

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

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

四、代码示例

////  YYViewController.m//  九宫格练习////  Created by 孔医己 on 14-5-22.//  Copyright (c) 2014年 itcast. All rights reserved.//#import "YYViewController.h"@interface YYViewController ()@property(nonatomic,strong)NSArray *apps;@end@implementation YYViewController//1.加载数据- (NSArray *)apps{    if (!_apps) {        NSString *path=[[NSBundle mainBundle]pathForResource:@"app.plist" ofType:nil];        _apps=[NSArray arrayWithContentsOfFile:path];    }    return _apps;}- (void)viewDidLoad{    [super viewDidLoad];    NSLog(@"%d",self.apps.count);        //2.完成布局设计        //三列    int totalloc=3;    CGFloat appvieww=80;    CGFloat appviewh=90;        CGFloat margin=(self.view.frame.size.width-totalloc*appvieww)/(totalloc+1);    int count=self.apps.count;    for (int i=0; i

执行效果：