详解iOS应用UI开发中的九宫格坐标计算与字典转换模型

2020-01-14 18:12:28刘景俊
易采站长站为您分析iOS应用UI开发中的九宫格坐标计算与字典转换模型,代码基于传统的Objective-C,需要的朋友可以参考下  

九宫格坐标计算

一、要求

完成下面的布局

详解iOS应用UI开发中的九宫格坐标计算与字典转换模型

二、分析

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

详解iOS应用UI开发中的九宫格坐标计算与字典转换模型

三、实现思路

(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];