BeeFramework 系列二 UISignal篇下

      上篇，我们讲了UISignal的工作原理，以及BeeUIButton中的一些用法，实际上，BeeFramework框架为大部分常用组件封装了UISignal，在应用中只需要对Signal进行处理就好了，这在一定程度上减轻了代码量。

      在实际应用中UITableView的场景可谓是无处不在，下面的例子实现了一个UITableViewCell的自定义UISignal。先看下效果图

点击浏览或评论触发相应事件，为了响应这样的事件，通常的做法是在UITableViewCell中采用代理的方式，在ViewController中实现Cell的协议。
下面看下Bee的写法

//
//  ViewController.h
//  BeeFrameWorkTest
//
//  Created by he songhang on 13-6-3.
//  Copyright (c) 2013年 he songhang. All rights reserved.
//

#import <UIKit/UIKit.h>
#import <BeeFramework/Bee.h>

@interface MyCell : UITableViewCell{
    UILabel *lb_content;
    UIButton *btn_count;
    UIButton *btn_comment;
}

@property(nonatomic,retain) NSDictionary *data;

AS_SIGNAL(COUNT)

AS_SIGNAL(COMMENT)

@end

@interface ViewController : UITableViewController

@end

//
//  ViewController.m
//  BeeFrameWorkTest
//
//  Created by he songhang on 13-6-3.
//  Copyright (c) 2013年 he songhang. All rights reserved.
//

#import "ViewController.h"

@implementation MyCell

DEF_SIGNAL(COUNT)

DEF_SIGNAL(COMMENT)

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    lb_content = [[UILabel alloc]init];
    btn_count = [[UIButton alloc]init];
    btn_comment = [[UIButton alloc]init];
    
    [btn_count addTarget:self action:@selector(countBtnClicked) forControlEvents:UIControlEventTouchUpInside];
    [btn_comment addTarget:self action:@selector(commentBtnClicked) forControlEvents:UIControlEventTouchUpInside];
    [btn_count setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    btn_count.titleLabel.font = [UIFont systemFontOfSize:12];
    [btn_comment setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    btn_comment.titleLabel.font = [UIFont systemFontOfSize:12];
    [self.contentView addSubview:lb_content];
    [self.contentView addSubview:btn_comment];
    [self.contentView addSubview:btn_count];
    return self;
}

-(void)layoutSubviews{
    lb_content.frame = CGRectMake(10, 0, 300, 44);
    btn_count.frame = CGRectMake(200, 20, 50, 14);
    btn_comment.frame = CGRectMake(260, 20, 50, 14);
}

-(void)setData:(NSDictionary *)data{
    _data = data;
    if (data) {
        lb_content.text = [data stringAtPath:@"content"];
        [btn_count setTitle:[NSString stringWithFormat:@"浏览(%@)",[data stringAtPath:@"count"]] forState:UIControlStateNormal];
        [btn_comment setTitle:[NSString stringWithFormat:@"评论(%@)",[data stringAtPath:@"comment"]] forState:UIControlStateNormal];
    }else{
        lb_content.text = nil;
        [btn_count setTitle:nil forState:UIControlStateNormal];
        [btn_comment setTitle:nil forState:UIControlStateNormal];
    }
}

-(void)countBtnClicked{
    [self sendUISignal:MyCell.COUNT withObject:self.data];
}

-(void)commentBtnClicked{
    [self sendUISignal:MyCell.COMMENT withObject:self.data];
}

@end

@interface ViewController (){
    NSArray *datas;
}

@end

@implementation ViewController

-(void)handleUISignal_MyCell:(BeeUISignal *)signal{
    if ([signal is:MyCell.COUNT]) {
        NSDictionary *dict = (NSDictionary *)signal.object;
        CC(@"%@被点击",[dict stringAtPath:@"content"]);
    }else if ([signal is:MyCell.COMMENT]){
        NSDictionary *dict = (NSDictionary *)signal.object;
        CC(@"%@被评论",[dict stringAtPath:@"content"]);
    }
}

- (id)initWithStyle:(UITableViewStyle)style
{
    self = [super initWithStyle:style];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    NSDictionary *dict1 = [NSDictionary dictionaryWithObjectsAndKeys:@"测试数据1",@"content",@"20",@"count",@"3",@"comment", nil];
    NSDictionary *dict2 = [NSDictionary dictionaryWithObjectsAndKeys:@"测试数据2",@"content",@"30",@"count",@"4",@"comment", nil];
    NSDictionary *dict3 = [NSDictionary dictionaryWithObjectsAndKeys:@"测试数据3",@"content",@"10",@"count",@"2",@"comment", nil];
    datas = [[NSArray alloc]initWithObjects:dict1,dict2,dict3, nil];
	// Do any additional setup after loading the view, typically from a nib.
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark -UITableViewDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;{
    return [datas count];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;{
    MyCell *cell = [tableView dequeueReusableCellWithIdentifier:@"MYCELL"];
    if (!cell) {
        cell = [[MyCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"MYCELL"];
    }
    cell.data = [datas objectAtIndex:indexPath.row];
    return cell;
}

@end

    在MYCell.h中通过AS_SIGNAL定义了两个静态的属性，用来自定义UISinal的名字，MYCell.m中的DEF_SIGNAL与.h中相对应。事实上，在Bee中还有很多这样类型的预定义方法，如：AS_MESSAGE 、AS_NOTIFICATION ,通过这些预定义方法，在一定程度上范规了方法的命名，通过这些预定义的属性就能知道对应的接口的调用方式。
    在Cell中通过调用 [self sendUISignal:XXX withObject:self.data]实现了信号的传递过程。在ViewController实现规范命名的方法(见上篇），就能对信号进行响应。

     实际上Bee已经为我们提供了一个方便布局的BeeUIGirdCell，它预定义了常见的一些方法，如数据的绑定，界面的布局等等。Bee中的BeeUITableBoard、BeeUIFlowBoard都采用GirdCell来定义布局，这里我们通过category为UITableView扩展使用BeeUIGirdCell的方法。

//
//  UITableView+BeeUIGirdCell.h
//
//  Created by he songhang on 13-4-24.
//  Copyright (c) 2013年 he songhang. All rights reserved.
//

#if (TARGET_OS_IPHONE || TARGET_IPHONE_SIMULATOR)

#import <Foundation/Foundation.h>
#import "Bee_UIGridCell.h"

@interface UITableViewCell (BeeUIGirdCell)
@property(nonatomic,retain) BeeUIGridCell *gridCell;
@end

@interface UITableView (BeeUIGirdCell)
-(UITableViewCell *) dequeueReusableCellWithBeeUIGirdCellClass:(Class) class;
@end
#endif

//
//  UITableView+BeeUIGirdCell.m
//  618
//
//  Created by he songhang on 13-4-24.
//  Copyright (c) 2013年 he songhang. All rights reserved.
//

#import "UITableView+BeeUIGirdCell.h"
#import "CGRect+BeeExtension.h"
#import "Bee_Precompile.h"
#include <objc/runtime.h>
#import "Bee_Runtime.h"


@implementation UITableViewCell(BeeUIGirdCell)

@dynamic gridCell;

- (void)setFrame:(CGRect)rc
{
	[super setFrame:CGRectZeroNan(rc)];
    
	[self.gridCell setFrame:self.bounds];
    //	[_gridCell layoutSubcells];
}

- (void)setCenter:(CGPoint)pt
{
	[super setCenter:pt];
	
	[self.gridCell setFrame:self.bounds];
    //	[_gridCell layoutSubcells];
}


-(void)setGridCell:(BeeUIGridCell *)gridCell{
    if (!self.gridCell) {
        objc_setAssociatedObject( self, "UITableViewCell.gridCell", gridCell, OBJC_ASSOCIATION_RETAIN );
//        self.gridCell.autoresizesSubviews = YES;
//        self.gridCell.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight;
        
        if ( gridCell.superview != self.contentView )
        {
            [gridCell.superview removeFromSuperview];
        }
        [self.contentView addSubview:gridCell];
        
        
    }else{
        if ( self.gridCell != gridCell )
        {
            [self.gridCell release];
            objc_setAssociatedObject( self, "UITableViewCell.gridCell", gridCell, OBJC_ASSOCIATION_RETAIN );
//            self.gridCell.autoresizesSubviews = YES;
//            self.gridCell.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight;
            
            if ( gridCell.superview != self.contentView )
            {
                [gridCell.superview removeFromSuperview];
            }
            [self.contentView addSubview:gridCell];
            
        }
    }
}

-(BeeUIGridCell *)gridCell{
    NSObject * obj = objc_getAssociatedObject( self, "UITableViewCell.gridCell" );
	if ( obj && [obj isKindOfClass:[BeeUIGridCell class]] )
		return (BeeUIGridCell *)obj;
	return nil;
}

@end


@implementation UITableView (BeeUIGirdCell)

-(UITableViewCell *) dequeueReusableCellWithBeeUIGirdCellClass:(Class) clazz{
    UITableViewCell *cell = [self dequeueReusableCellWithIdentifier:[clazz description]];
    if (!cell) {
        cell = [[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:[cell description]]autorelease];
        cell.selectionStyle = UITableViewCellSelectionStyleNone;
		cell.accessoryType = UITableViewCellAccessoryNone;
		cell.editingAccessoryType = UITableViewCellAccessoryNone;
		cell.showsReorderControl = NO;
		cell.shouldIndentWhileEditing = NO;
		cell.indentationLevel = 0;
		cell.indentationWidth = 0.0f;
		self.alpha = 1.0f;
		self.layer.masksToBounds = YES;
		self.layer.opaque = YES;
        
		cell.contentView.layer.masksToBounds = YES;
		cell.contentView.layer.opaque = YES;
		cell.contentView.autoresizesSubviews = YES;
        if ( [clazz isSubclassOfClass:[BeeUIGridCell class]] )
		{
			cell.gridCell = [(BeeUIGridCell *)[[BeeRuntime allocByClass:clazz] init] autorelease];
		}
    }
    return cell;
}

@end

为了下次重用这两个文件，把UITableView+BeeUIGirdCell.h和UITableView+BeeUIGirdCell.m放到Pods/BeeFramework/BeeFramework/MVC/View下，并在Pods/Headers下新建UITableView+BeeUIGirdCell.h的替身,

ln -s ../../BeeFramework/BeeFramework/MVC/View/UITableView+BeeUIGirdCell.h UITableView+BeeUIGirdCell.h

我们重新实现一下ViewController

//
//  ViewController1.h
//  BeeFrameWorkTest
//
//  Created by he songhang on 13-6-4.
//  Copyright (c) 2013年 he songhang. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ViewController1 : UITableViewController

@end

//
//  ViewController1.m
//  BeeFrameWorkTest
//
//  Created by he songhang on 13-6-4.
//  Copyright (c) 2013年 he songhang. All rights reserved.
//

#import "ViewController1.h"
#import <BeeFramework/UITableView+BeeUIGirdCell.h>
#import <BeeFramework/Bee.h>

@interface MYGirdCell : BeeUIGridCell{
    UILabel *lb_content;
    UIButton *btn_count;
    UIButton *btn_comment;
}

AS_SIGNAL(COUNT)
AS_SIGNAL(COMMENT)

@end

@implementation MYGirdCell

DEF_SIGNAL(COUNT)

DEF_SIGNAL(COMMENT)

//初始化
-(void)load{
    lb_content = [[UILabel alloc]init];
    btn_count = [[UIButton alloc]init];
    btn_comment = [[UIButton alloc]init];
    
    [btn_count addTarget:self action:@selector(countBtnClicked) forControlEvents:UIControlEventTouchUpInside];
    [btn_comment addTarget:self action:@selector(commentBtnClicked) forControlEvents:UIControlEventTouchUpInside];
    [btn_count setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    btn_count.titleLabel.font = [UIFont systemFontOfSize:12];
    [btn_comment setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    btn_comment.titleLabel.font = [UIFont systemFontOfSize:12];
    [self addSubview:lb_content];
    [self addSubview:btn_comment];
    [self addSubview:btn_count];
}

//释放
-(void)unload{
    
}

//数据变化时
- (void)dataDidChanged
{
    if (self.cellData) {
        NSDictionary *data = _cellData;
        lb_content.text = [data stringAtPath:@"content"];
        [btn_count setTitle:[NSString stringWithFormat:@"浏览(%@)",[data stringAtPath:@"count"]] forState:UIControlStateNormal];
        [btn_comment setTitle:[NSString stringWithFormat:@"评论(%@)",[data stringAtPath:@"comment"]] forState:UIControlStateNormal];
    }else{
        lb_content.text = nil;
        [btn_count setTitle:nil forState:UIControlStateNormal];
        [btn_comment setTitle:nil forState:UIControlStateNormal];
    }
}

//用于计算高度，可实现动态高度
+ (CGSize)sizeInBound:(CGSize)bound forData:(NSObject *)data
{
	return bound;
}

//用于布局
- (void)layoutInBound:(CGSize)bound forCell:(BeeUIGridCell *)cell
{
    lb_content.frame = CGRectMake(10, 0, 300, 44);
    btn_count.frame = CGRectMake(200, 20, 50, 14);
    btn_comment.frame = CGRectMake(260, 20, 50, 14);
}

-(void)countBtnClicked{
    [self sendUISignal:MYGirdCell.COUNT];
}

-(void)commentBtnClicked{
    [self sendUISignal:MYGirdCell.COMMENT withObject:self.cellData];
}

@end

@interface ViewController1 (){
    NSArray *datas;
}


@end

@implementation ViewController1

-(void)handleUISignal_MYGirdCell:(BeeUISignal *)signal{
    if ([signal is:MYGirdCell.COUNT]) {
        MYGirdCell *cell = signal.source;
        NSDictionary *dict = (NSDictionary *)cell.cellData;
        CC(@"%@被点击",[dict stringAtPath:@"content"]);
    }else if ([signal is:MYGirdCell.COMMENT]){
        NSDictionary *dict = (NSDictionary *)signal.object;
        CC(@"%@被评论",[dict stringAtPath:@"content"]);
    }
}

- (id)initWithStyle:(UITableViewStyle)style
{
    self = [super initWithStyle:style];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    NSDictionary *dict1 = [NSDictionary dictionaryWithObjectsAndKeys:@"测试数据1",@"content",@"20",@"count",@"3",@"comment", nil];
    NSDictionary *dict2 = [NSDictionary dictionaryWithObjectsAndKeys:@"测试数据2",@"content",@"30",@"count",@"4",@"comment", nil];
    NSDictionary *dict3 = [NSDictionary dictionaryWithObjectsAndKeys:@"测试数据3",@"content",@"10",@"count",@"2",@"comment", nil];
    datas = [[NSArray alloc]initWithObjects:dict1,dict2,dict3, nil];
	// Do any additional setup after loading the view, typically from a nib.
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark -UITableViewDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;{
    return [datas count];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;{
    UITableViewCell *cell = [tableView dequeueReusableCellWithBeeUIGirdCellClass:[MYGirdCell class]];
    cell.gridCell.cellData = [datas objectAtIndex:indexPath.row];
    return cell;
}

@end

可以留意下MYGirdCell中的

-(void)countBtnClicked{
    [self sendUISignal:MYGirdCell.COUNT];
}

-(void)commentBtnClicked{
    [self sendUISignal:MYGirdCell.COMMENT withObject:self.cellData];
}

对应于ViewController1中的

-(void)handleUISignal_MYGirdCell:(BeeUISignal *)signal{
    if ([signal is:MYGirdCell.COUNT]) {
        MYGirdCell *cell = signal.source;
        NSDictionary *dict = (NSDictionary *)cell.cellData;
        CC(@"%@被点击",[dict stringAtPath:@"content"]);
    }else if ([signal is:MYGirdCell.COMMENT]){
        NSDictionary *dict = (NSDictionary *)signal.object;
        CC(@"%@被评论",[dict stringAtPath:@"content"]);
    }
}

本篇以UItableViewController演示了如何自定义UISignal，以及BeeUIGirdCell的用法。
以上代码下载地址: https://github.com/ilikeido/BeeFrameworkTest/tree/master/lesson3

BeeFramework 系列二 UISignal篇下

猜你喜欢