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

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

一、实现效果

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

二、实现

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

2.实现过程以及代码

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

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

实现代码：

数据模型部分：

TXApp.h文件

//  08-应用管理
//
//  Created by 鑫 on 14-10-14.
//  Copyright (c) 2014年 梁镋鑫. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface TXApp : NSObject
/**
 图标
 */
@property (copy, nonatomic) NSString *icon;
/**
 名称
 */
@property (copy, nonatomic) NSString *name;
/**
 大小
 */
@property (copy, nonatomic) NSString *size;
/**
 下载量
 */
@property (copy, nonatomic) NSString *download;


@property (nonatomic, assign, getter = isDownloaded) BOOL downloaded;

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

TXApp.m文件

#import "TXApp.h"

@implementation TXApp
+ (instancetype)appWithDict:(NSDictionary *)dict
{
    return [[self alloc] initWithDict:dict];
}

- (instancetype)initWithDict:(NSDictionary *)dict
{
    if (self = [super init]) {
        [self setValuesForKeysWithDictionary:dict];
    }
    return self;
}
@end

视图部分

 TXAppCell.h文件

#import <UIKit/UIKit.h>
@class TXApp, TXAppCell;

@protocol TXAppCellDelegate <NSObject>
@optional
- (void)appCellDidClickedDownloadBtn:(TXAppCell *)cell;
@end
@interface TXAppCell : UITableViewCell
@property (nonatomic, strong) TXApp *app;

@property (nonatomic, weak) id<TXAppCellDelegate> delegate;

@end

 TXAppCell.m文件

/
//  Created by 鑫 on 14-10-14.
//  Copyright (c) 2014年 梁镋鑫. All rights reserved.
//
#import "TXAppCell.h"
#import "TXApp.h"

@interface TXAppCell()
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@property (weak, nonatomic) IBOutlet UILabel *nameView;
@property (weak, nonatomic) IBOutlet UIButton *downloadView;
@property (weak, nonatomic) IBOutlet UILabel *introView;
- (IBAction)downloadClick:(UIButton *)btn;
@end

@implementation TXAppCell

- (void)setApp:(TXApp *)app
{
    _app = app;
    
    self.iconView.image = [UIImage imageNamed:app.icon];
    self.nameView.text = app.name;
    self.introView.text = [NSString stringWithFormat:@"大小:%@ | 下载量:%@", app.size, app.download];
    
    // 覆盖按钮的状态
    self.downloadView.enabled = (self.app.isDownloaded == NO);
}
/**
 *  点击了下载按钮
 */
- (IBAction)downloadClick:(UIButton *)btn {
    // 1.让按钮失效
    self.app.downloaded = YES;
    btn.enabled = NO;
    
    // 2.通知代理
    if ([self.delegate respondsToSelector:@selector(appCellDidClickedDownloadBtn:)]) {
        [self.delegate appCellDidClickedDownloadBtn:self];
    }
}
@end

主控制器

TXViewController.m文件

//  Created by 鑫 on 14-10-14.
//  Copyright (c) 2014年 梁镋鑫. All rights reserved.
//

#import "TXViewController.h"
#import "TXApp.h"
#import "TXAppCell.h"

@interface TXViewController () <TXAppCellDelegate>
@property (nonatomic, strong) NSArray *apps;
@end

@implementation TXViewController
- (NSArray *)apps
{
    if (_apps == nil) {
        NSArray *dictArray = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"apps_full.plist" ofType:nil]];
        
        NSMutableArray *appArray = [NSMutableArray array];
        for (NSDictionary *dict in dictArray) {
            TXApp *app = [TXApp appWithDict:dict];
            [appArray addObject:app];
        }
        _apps = appArray;
    }
    return _apps;
}

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

- (BOOL)prefersStatusBarHidden
{
    return YES;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.apps.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //拿到控制器的tableView
    TXAppCell *cell = [tableView dequeueReusableCellWithIdentifier:@"app"];
    cell.delegate = self;
    cell.app = self.apps[indexPath.row];
    return cell;
}

#pragma mark - cell的代理方法
- (void)appCellDidClickedDownloadBtn:(TXAppCell *)cell
{
    // 1.添加标签
    UILabel *label = [[UILabel alloc] init];
    label.text = [NSString stringWithFormat:@"成功下载%@", cell.app.name];
    label.font = [UIFont systemFontOfSize:12];
    label.textAlignment = NSTextAlignmentCenter;
    label.textColor = [UIColor whiteColor];
    label.backgroundColor = [UIColor blackColor];
    label.frame = CGRectMake(0, 0, 150, 25);
    label.center = CGPointMake(160, 240);
    label.alpha = 0.0;
    label.layer.cornerRadius = 5;
    label.clipsToBounds = YES;
    [self.view addSubview:label];
    
    // 2.动画
    [UIView animateWithDuration:0.5 animations:^{
        label.alpha = 0.5;
    } completion:^(BOOL finished) {
        [UIView animateWithDuration:0.5 delay:0.5 options:UIViewAnimationOptionCurveLinear animations:^{
            label.alpha = 0.0;
        } completion:^(BOOL finished) {
            [label removeFromSuperview];
        }];
    }];
}


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