在UITableview的應用中使用動態單元格來完成app應用程序管理界面的搭建

iOS開發UI篇—在UITableview的應用中使用動態單元格來完成app應用程序管理界面的搭建

1、實現效果

說明：該示例在storyboard中使用動態單元格來完成。

2、實現

1.項目文件結構和plist文件

2.實現過程以及代碼

在tableview的屬性選擇器中選擇動態單元格。

說明：在storyboard中直接使用其自帶的動態單元格完成tableviewcell的定義，並建立了一個管理該cell的類，進行了連線。

實現代碼：

數據模型部分：

YYappInfo.h文件

 1 //
 2 //  YYappInfo.h
 3 //  01-使用動態單元格來完成app應用程序管理界面的搭建
 4 //
 5 //  Created by 孔醫己 on 14-6-2.
 6 //  Copyright (c) 2014年 itcast. All rights reserved.
 7 //
 8 
 9 #import <Foundation/Foundation.h>
10 
11 @interface YYappInfo : NSObject
12 @property(nonatomic,copy)NSString *size;
13 @property(nonatomic,copy)NSString *download;
14 @property(nonatomic,copy)NSString *icon;
15 @property(nonatomic,copy)NSString *name;
16 
17 
18 
19 -(instancetype)initWithDict:(NSDictionary *)dict;
20 +(instancetype)appInfoWithDict:(NSDictionary *)dict;
21 @end

YYappInfo.m文件

 1 //
 2 //  YYappInfo.m
 3 //  01-使用動態單元格來完成app應用程序管理界面的搭建
 4 //
 5 //  Created by 孔醫己 on 14-6-2.
 6 //  Copyright (c) 2014年 itcast. All rights reserved.
 7 //
 8 
 9 #import "YYappInfo.h"
10 
11 @implementation YYappInfo
12 
13 -(instancetype)initWithDict:(NSDictionary *)dict
14 {
15     if (self=[super init]) {
16         //使用KVC
17         [self setValuesForKeysWithDictionary:dict];
18     }
19     return self;
20 }
21 
22 
23 +(instancetype)appInfoWithDict:(NSDictionary *)dict
24 {
25 
26     return [[self alloc]initWithDict:dict];
27 }
28 @end

視圖部分

 YYappCell.h文件

 1 //
 2 //  YYappCell.h
 3 //  01-使用動態單元格來完成app應用程序管理界面的搭建
 4 //
 5 //  Created by 孔醫己 on 14-6-2.
 6 //  Copyright (c) 2014年 itcast. All rights reserved.
 7 //
 8 
 9 #import <UIKit/UIKit.h>
10 
11 
12 @class YYappInfo,YYappCell;
13 
14 @protocol YYappCellDelegate <NSObject>
15 -(void)btnDidClick:(YYappCell *)cell;
16 
17 
18 @end
19 @interface YYappCell : UITableViewCell
20 
21 @property(nonatomic,strong)YYappInfo *app;
22 //@property(nonatomic,strong)YYViewController *controller;
23 @property(nonatomic,strong)id <YYappCellDelegate> delegate;
24 
25 @end

 YYappCell.m文件

 1 //
 2 //  YYappCell.m
 3 //  01-使用動態單元格來完成app應用程序管理界面的搭建
 4 //
 5 //  Created by 孔醫己 on 14-6-2.
 6 //  Copyright (c) 2014年 itcast. All rights reserved.
 7 //
 8 
 9 #import "YYappCell.h"
10 #import "YYappInfo.h"
11 
12 @interface YYappCell ()
13 @property (weak, nonatomic) IBOutlet UIImageView *appimg;
14 
15 @property (weak, nonatomic) IBOutlet UILabel *apptitle;
16 @property (weak, nonatomic) IBOutlet UILabel *appdownload;
17 @property (weak, nonatomic) IBOutlet UIButton *appbtn;
18 
19 @end
20 @implementation YYappCell
21 
22 
23 -(void)setApp:(YYappInfo *)app
24 {
25     _app=app;
26     self.apptitle.text=_app.name;
27     self.appdownload.text=[NSString stringWithFormat:@"大小 %@ | 下載量 %@次",_app.size,_app.download];
28     self.appimg.image=[UIImage imageNamed:_app.icon];
29     
30 }
31 
32 #pragma mark- 完成按鈕點擊事件
33 
34 - (IBAction)btnOnclick:(UIButton *)sender
35 {
36     //按鈕被點擊後，變爲不可用狀態
37     sender.enabled=NO;
38     
39     //通知代理，完成提示下載已經完成的動畫效果
40     if ([self.delegate respondsToSelector:@selector(btnDidClick:)]) {
41         //通常而言，誰觸發就把誰傳過去
42         [self.delegate  btnDidClick:self];
43     }
44 }
45 
46 @end

主控制器

YYViewController.m文件

  1 //
  2 //  YYViewController.m
  3 //  01-使用動態單元格來完成app應用程序管理界面的搭建
  4 //
  5 //  Created by 孔醫己 on 14-6-2.
  6 //  Copyright (c) 2014年 itcast. All rights reserved.
  7 //
  8 
  9 #import "YYViewController.h"
 10 #import "YYappInfo.h"
 11 #import "YYappCell.h"
 12 
 13 @interface YYViewController ()<UITableViewDataSource,YYappCellDelegate>
 14 @property(nonatomic,strong)NSArray *apps;
 15 @property (strong, nonatomic) IBOutlet UITableView *tableview;
 16 
 17 @end
 18 
 19 @implementation YYViewController
 20 
 21 - (void)viewDidLoad
 22 {
 23     [super viewDidLoad];
 24 }
 25 
 26 #pragma mark- 使用懶加載先把plist文件中得數據加載進來
 27 -(NSArray *)apps
 28 {
 29     if (_apps==Nil) {
 30         NSString *fullpath=[[NSBundle mainBundle]pathForResource:@"apps_full.plist" ofType:Nil];
 31         NSArray *arrayM=[NSArray arrayWithContentsOfFile:fullpath];
 32         
 33         NSMutableArray *modles=[NSMutableArray arrayWithCapacity:arrayM.count];
 34         for (NSDictionary *dict in arrayM) {
 35             YYappInfo *appinfo=[YYappInfo appInfoWithDict:dict];
 36             [modles addObject:appinfo];
 37         }
 38         _apps=[modles copy];
 39     }
 40     return _apps;
 41 }
 42 
 43 
 44 #pragma mark- 設置tableview的數據源方法
 45 //組
 46 -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
 47 {
 48     return 1;
 49 }
 50 //行
 51 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
 52 {
 53     return self.apps.count;
 54 }
 55 //組-行-數據
 56 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 57 {
 58     //建立cell
 59     static NSString *identifier=@"app";
 60     YYappCell *cell=[tableView dequeueReusableCellWithIdentifier:identifier];
 61     //設置cell的數據
 62     YYappInfo *appinfo=self.apps[indexPath.row];
 63     //設置代理
 64     cell.delegate=self;
 65     cell.app=appinfo;
 66     //返回cell
 67     return cell;
 68 }
 69 
 70 #pragma mark- 設置代理
 71 -(void)btnDidClick:(YYappCell *)cell
 72 {
 73     //取出模型
 74     YYappInfo *app=cell.app;
 75     NSLog(@"daili");
 76     UILabel *lab=[[UILabel alloc]init];
 77     //提示的顯示位置
 78     lab.frame=CGRectMake(60, 300, 200, 20);
 79     //設置提示文本
 80     lab.text=[NSString stringWithFormat:@"%@已經下載完成",app.name];
 81     //設置文本背景顏色
 82     [lab setBackgroundColor:[UIColor grayColor]];
 83     [self.view addSubview:lab];
 84     lab.alpha=1.0;
 85     
 86     //設置動畫效果
 87     [UIView animateWithDuration:2.0 animations:^{
 88         lab.alpha=0.0;
 89     } completion:^(BOOL finished) {
 90         //把彈出的提示信息從父視圖中刪除
 91         [lab removeFromSuperview];
 92     }];
 93 }
 94 
 95 #pragma mark-隱藏狀態欄
 96 -(BOOL)prefersStatusBarHidden
 97 {
 98     return YES;
 99 }
100 
101 @end

補充說明

　　在程序中經過標示符取出對應的cell，是由於在storyboard中已經對cell打上了標示符（app）的標籤。

//組-行-數據
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //建立cell
    static NSString *identifier=@"app";
    YYappCell *cell=[tableView dequeueReusableCellWithIdentifier:identifier];
    //設置cell的數據
    YYappInfo *appinfo=self.apps[indexPath.row];
    //設置代理
    cell.delegate=self;
    cell.app=appinfo;
    //返回cell
    return cell;
}