iOS开发UI篇—在UITableview的应用中使用动态单元格来完成app应用程序管理界面的搭建

iOS开发UI篇—在UITableview的应用中使用动态单元格来完成app应用程序管理界面的搭建

一、实现效果

说明：该示例在storyboard中使用动态单元格来完成。

二、实现

1.项目文件结构和plist文件

2.实现过程以及代码

在tableview的属性选择器中选择动态单元格。

说明：在storyboard中直接使用其自带的动态单元格完成tableviewcell的定义，并创建了一个管理该cell的类，进行了连线。

实现代码：

数据模型部分：

YYappInfo.h文件

 //
 //  YYappInfo.h
 //  01-使用动态单元格来完成app应用程序管理界面的搭建
 //
 //  Created by 孔医己 on 14-6-2.
 //  Copyright (c) 2014年 itcast. All rights reserved.
 //

 #import <Foundation/Foundation.h>

 @interface YYappInfo : NSObject
 @property(nonatomic,copy)NSString *size;
 @property(nonatomic,copy)NSString *download;
 @property(nonatomic,copy)NSString *icon;
 @property(nonatomic,copy)NSString *name;

 -(instancetype)initWithDict:(NSDictionary *)dict;
 +(instancetype)appInfoWithDict:(NSDictionary *)dict;
 @end

YYappInfo.m文件

 //
 //  YYappInfo.m
 //  01-使用动态单元格来完成app应用程序管理界面的搭建
 //
 //  Created by 孔医己 on 14-6-2.
 //  Copyright (c) 2014年 itcast. All rights reserved.
 //

 #import "YYappInfo.h"

 @implementation YYappInfo

 -(instancetype)initWithDict:(NSDictionary *)dict
 {
     if (self=[super init]) {
         //使用KVC
         [self setValuesForKeysWithDictionary:dict];
     }
     return self;
 }

 +(instancetype)appInfoWithDict:(NSDictionary *)dict
 {

     return [[self alloc]initWithDict:dict];
 }
 @end

视图部分

YYappCell.h文件

 //
 //  YYappCell.h
 //  01-使用动态单元格来完成app应用程序管理界面的搭建
 //
 //  Created by 孔医己 on 14-6-2.
 //  Copyright (c) 2014年 itcast. All rights reserved.
 //

 #import <UIKit/UIKit.h>

 @class YYappInfo,YYappCell;

 @protocol YYappCellDelegate <NSObject>
 -(void)btnDidClick:(YYappCell *)cell;

 @end
 @interface YYappCell : UITableViewCell

 @property(nonatomic,strong)YYappInfo *app;
 //@property(nonatomic,strong)YYViewController *controller;
 @property(nonatomic,strong)id <YYappCellDelegate> delegate;

 @end

YYappCell.m文件

 //
 //  YYappCell.m
 //  01-使用动态单元格来完成app应用程序管理界面的搭建
 //
 //  Created by 孔医己 on 14-6-2.
 //  Copyright (c) 2014年 itcast. All rights reserved.
 //

 #import "YYappCell.h"
 #import "YYappInfo.h"

 @interface YYappCell ()
 @property (weak, nonatomic) IBOutlet UIImageView *appimg;

 @property (weak, nonatomic) IBOutlet UILabel *apptitle;
 @property (weak, nonatomic) IBOutlet UILabel *appdownload;
 @property (weak, nonatomic) IBOutlet UIButton *appbtn;

 @end
 @implementation YYappCell

 -(void)setApp:(YYappInfo *)app
 {
     _app=app;
     self.apptitle.text=_app.name;
     self.appdownload.text=[NSString stringWithFormat:@"大小 %@ | 下载量 %@次",_app.size,_app.download];
     self.appimg.image=[UIImage imageNamed:_app.icon];

 }

 #pragma mark- 完成按钮点击事件

 - (IBAction)btnOnclick:(UIButton *)sender
 {
     //按钮被点击后，变为不可用状态
     sender.enabled=NO;

     //通知代理，完成提示下载已经完成的动画效果
     if ([self.delegate respondsToSelector:@selector(btnDidClick:)]) {
         //一般而言，谁触发就把谁传过去
         [self.delegate  btnDidClick:self];
     }
 }

 @end

主控制器

YYViewController.m文件

 //
 //  YYViewController.m
 //  01-使用动态单元格来完成app应用程序管理界面的搭建
 //
 //  Created by 孔医己 on 14-6-2.
 //  Copyright (c) 2014年 itcast. All rights reserved.
 //

 #import "YYViewController.h"
 #import "YYappInfo.h"
 #import "YYappCell.h"

 @interface YYViewController ()<UITableViewDataSource,YYappCellDelegate>
 @property(nonatomic,strong)NSArray *apps;
 @property (strong, nonatomic) IBOutlet UITableView *tableview;

 @end

 @implementation YYViewController

 - (void)viewDidLoad
 {
     [super viewDidLoad];
 }

 #pragma mark- 使用懒加载先把plist文件中得数据加载进来
 -(NSArray *)apps
 {
     if (_apps==Nil) {
         NSString *fullpath=[[NSBundle mainBundle]pathForResource:@"apps_full.plist" ofType:Nil];
         NSArray *arrayM=[NSArray arrayWithContentsOfFile:fullpath];

         NSMutableArray *modles=[NSMutableArray arrayWithCapacity:arrayM.count];
         for (NSDictionary *dict in arrayM) {
             YYappInfo *appinfo=[YYappInfo appInfoWithDict:dict];
             [modles addObject:appinfo];
         }
         _apps=[modles copy];
     }
     return _apps;
 }

 #pragma mark- 设置tableview的数据源方法
 //组
 -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
 {
     return ;
 }
 //行
 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
 {
     return self.apps.count;
 }
 //组-行-数据
 -(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;
 }

 #pragma mark- 设置代理
 -(void)btnDidClick:(YYappCell *)cell
 {
     //取出模型
     YYappInfo *app=cell.app;
     NSLog(@"daili");
     UILabel *lab=[[UILabel alloc]init];
     //提示的显示位置
     lab.frame=CGRectMake(, , , );
     //设置提示文本
     lab.text=[NSString stringWithFormat:@"%@已经下载完成",app.name];
     //设置文本背景颜色
     [lab setBackgroundColor:[UIColor grayColor]];
     [self.view addSubview:lab];
     lab.alpha=1.0;

     //设置动画效果
     [UIView animateWithDuration:2.0 animations:^{
         lab.alpha=0.0;
     } completion:^(BOOL finished) {
         //把弹出的提示信息从父视图中删除
         [lab removeFromSuperview];
     }];
 }

 #pragma mark-隐藏状态栏
 -(BOOL)prefersStatusBarHidden
 {
     return YES;
 }

 @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;
}