#import <Foundation/Foundation.h>#import <UIKit/UIKit.h>@interface AppInfo : NSObject@property (nonatomic, copy) NSString *name;@property (nonatomic, copy) NSString *icon;@property (nonatomic, strong, readonly) UIImage *image;/** 使用字典實(shí)例化模型 */- (instancetype)initWithDict:(NSDictionary *)dict;/** 快速實(shí)例化一個(gè)對象 */+ (instancetype)appInfoWithDict:(NSDictionary *)dict;/** 返回所有plist中的數(shù)據(jù)模型數(shù)組 */+ (NSArray *)appList;@end

#import "AppInfo.h"@implementation AppInfo// 合成指令，主動指定屬性使用的成員變量名稱@synthesize image = _image;//圖片模型- (UIImage *)image{  if (_image == nil) {    _image = [UIImage imageNamed:self.icon];  }  return _image;}- (instancetype)initWithDict:(NSDictionary *)dict{  self = [super init];  if (self) {    // 用字典給屬性賦值    //    self.name = dict[@"name"]; //將字典的內(nèi)容賦值給屬性    //    self.icon = dict[@"icon"];    [self setValuesForKeysWithDictionary:dict];  }  return self;}+ (instancetype)appInfoWithDict:(NSDictionary *)dict{  return [[self alloc] initWithDict:dict];}+ (NSArray *)appList{  NSArray *array = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"app.plist" ofType:nil]];  // 創(chuàng)建一個(gè)臨時(shí)可變數(shù)組  NSMutableArray *arrayM = [NSMutableArray array];  // 遍歷數(shù)組，依次轉(zhuǎn)換模型  for (NSDictionary *dict in array) {    [arrayM addObject:[AppInfo appInfoWithDict:dict]];  }  return arrayM;}@end

#import <UIKit/UIKit.h>@class AppInfo;@interface AppView : UIView/** 類方法，方便調(diào)用視圖 */+ (instancetype)appView;/** 實(shí)例化視圖，并使用appInfo設(shè)置視圖的顯示 */+ (instancetype)appViewWithAppInfo:(AppInfo *)appInfo;// 自定義視圖中顯示的數(shù)據(jù)來源是數(shù)據(jù)模型// 使用模型設(shè)置自定義視圖的顯示@property (nonatomic, strong) AppInfo *appInfo;@end

#import "AppView.h"#import "AppInfo.h"@interface AppView()@property (weak, nonatomic) IBOutlet UIImageView *iconView;@property (weak, nonatomic) IBOutlet UILabel *label;@end@implementation AppView//實(shí)例化xib+ (instancetype)appView{  return [[[NSBundle mainBundle] loadNibNamed:@"AppView" owner:nil options:nil] lastObject];}//根據(jù)模型實(shí)例化xib+ (instancetype)appViewWithAppInfo:(AppInfo *)appInfo{  // 1. 實(shí)例化一個(gè)視圖  AppView *view = [self appView];  // 2. 設(shè)置視圖的顯示  view.appInfo = appInfo;//包含，AppView有appInfo的屬性  // 3. 返回視圖  return view;}/** 利用setter方法設(shè)置視圖的界面顯示 */- (void)setAppInfo:(AppInfo *)appInfo{  _appInfo = appInfo;  self.label.text = appInfo.name;  self.iconView.image = appInfo.image;}/** 按鈕監(jiān)聽方法 */- (IBAction)click:(UIButton *)button{  // 添加一個(gè)UILabel到界面上  UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(80, 400, 160, 40)];  // 數(shù)值是0表示黑色，1表示純白；alpha表示透明度  label.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.2];  label.text = self.appInfo.name;  label.textAlignment = NSTextAlignmentCenter;  // self.superview就是視圖控制器中的self.view  [self.superview addSubview:label];  // 動畫效果  label.alpha = 0.0;  // 禁用按鈕，如果點(diǎn)擊了按鈕以后就禁用按鈕  button.enabled = NO;  // 動畫結(jié)束之后刪除  [UIView animateWithDuration:1.0f animations:^{    // 要修改的動畫屬性    label.alpha = 1.0;  } completion:^(BOOL finished) {    [UIView animateWithDuration:1.0 animations:^{      label.alpha = 0.0;    } completion:^(BOOL finished)       [label removeFromSuperview];    }];  }];}@end

#import "ViewController.h"#import "AppInfo.h"#import "AppView.h"#define kAppViewW 80#define kAppViewH 90#define kColCount 3#define kStartY  20@interface ViewController ()/** 應(yīng)用程序列表 */@property (nonatomic, strong) NSArray *appList;@end@implementation ViewController- (NSArray *)appList{  if (_appList == nil) {    _appList = [AppInfo appList];  }  return _appList;}- (void)viewDidLoad{  [super viewDidLoad];  // 搭建九宮格  // 320 - 3 * 80 = 80 / 4 = 20  CGFloat marginX = (self.view.bounds.size.width - kColCount * kAppViewW) / (kColCount + 1);  CGFloat marginY = 10;  for (int i = 0; i < self.appList.count; i++) {    // 行    int row = i / kColCount;    // 列    int col = i % kColCount;    CGFloat x = marginX + col * (marginX + kAppViewW);    CGFloat y = kStartY + marginY + row * (marginY + kAppViewH);    //加載第i個(gè)xib視圖    AppView *appView = [AppView appViewWithAppInfo:self.appList[i]];    // 設(shè)置視圖位置    appView.frame = CGRectMake(x, y, kAppViewW, kAppViewH);    [self.view addSubview:appView];    }}

- (instancetype)initWithDict:(NSDictionary *)dict{  self = [super init];  if (self) {    [self setValuesForKeysWithDictionary:dict];  }  return self;}+ (instancetype)appInfoWithDict:(NSDictionary *)dict{  return [[self alloc] initWithDict:dict];}+ (NSArray *)appList{  NSArray *array = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"app.plist" ofType:nil]];  // 創(chuàng)建一個(gè)臨時(shí)可變數(shù)組  NSMutableArray *arrayM = [NSMutableArray array];  // 遍歷數(shù)組，依次轉(zhuǎn)換模型  for (NSDictionary *dict in array) {    [arrayM addObject:[AppInfo appInfoWithDict:dict]];  }  return arrayM;}

 [self setValuesForKeysWithDictionary:dict];