iOS - 创建表格类视图WBDataGridView

项目中创建表格, 引用头文件

#import "WBDataGridView.h"

- (void)viewDidLoad{

    [superviewDidLoad];

    // Do any additional setup after loading the view.

    self.view.backgroundColor = [UIColorwhiteColor];

    

    CGFloat margin = 10.f;

    CGFloat width = self.view.frame.size.width -2*margin;

    

    // - 添加表格 - 两列

    WBDataGridView *DataGrid = [[WBDataGridViewalloc]initWithFrame:CGRectMake(margin,4*margin , width,0)

                                                        andColumnsWidths:@[@(width*0.4),@(width*0.6)]];

    

    DataGrid.roundCorner = YES;

    

    [DataGrid addRecord:@[@"姓名",@"dylan_lwb_"]];

    [DataGrid addRecord:@[@"性别",@"男"]];

    [DataGrid addRecord:@[@"电话",@"110119120"]];

    [DataGrid addRecord:@[@"邮箱",@"[e-mail]"]];

    

    [self.viewaddSubview:DataGrid];

    

    // - 添加表格 - 多列

    WBDataGridView *MoreDataGrid = [[WBDataGridViewalloc]initWithFrame:CGRectMake(margin,CGRectGetMaxY(DataGrid.frame) +2*margin , width,0)

                                                            andColumnsWidths:@[@(width*0.2),@(width*0.2),@(width*0.2),@(width*0.4)]];

    

    MoreDataGrid.roundCorner = YES;

    

    [MoreDataGrid addRecord:@[@"姓名",@"姓名",@"姓名",@"dylan_lwb_"]];

    [MoreDataGrid addRecord:@[@"性别",@"性别",@"性别",@"男"]];

    [MoreDataGrid addRecord:@[@"电话",@"电话",@"电话",@"110119120"]];

    [MoreDataGrid addRecord:@[@"邮箱",@"邮箱",@"邮箱",@"[e-mail]"]];

    

    [self.viewaddSubview:MoreDataGrid];

}

//  WBDataGridView.h 

#import <UIKit/UIKit.h>

extern NSString *const SwitchButtonString;

@interface WBDataGridView : UIView

@property (retain,nonatomic)NSArray *columnsWidths;

@property (assign,nonatomic)NSUInteger lastRowHeight;

@property (retain,nonatomic)UIImage *selectedImage;

@property (retain,nonatomic)UIImage *unselectedImage;

@property (assign,nonatomic)BOOL roundCorner;

- (id)initWithFrame:(CGRect)frame andColumnsWidths:(NSArray*)columns;

- (void)addRecord:(NSArray*)record;

- (NSUInteger)selectedIndex;

@end

//  WBDataGridView.m 

#import "WBDataGridView.h"

NSString * const SwitchButtonString =@"SwitchButtonString";

@interface WBDataGridView ()

@property (assign,nonatomic)NSUInteger numRows;

@property (assign,nonatomic)NSUInteger dy;

@property (retain,nonatomic)NSMutableArray *switchButtons;

@end

@implementation WBDataGridView

- (id)initWithFrame:(CGRect)frame andColumnsWidths:(NSArray*)columns{

    self = [superinitWithFrame:frame];

    if (self)

    {

        self.numRows =0;

        self.columnsWidths = columns;

        self.dy =0;

        self.numRows =0;

        self.switchButtons = [NSMutableArrayarray];

    }

    return self;

}

- (void)addRecord: (NSArray*)record

{

    if(record.count !=self.columnsWidths.count)

    {

        NSLog(@"!!! Number of items does not match number of columns. !!!");

        return;

    }

    

    self.lastRowHeight =42;

    uint dx = 0;

    

    NSMutableArray* labels = [NSMutableArrayarray];

    

    // - create the items/columns of the row

    for(uint i=0; i<record.count; i++)

    {

        float colWidth = [[self.columnsWidthsobjectAtIndex:i]floatValue];//colwidth as given at setup

        CGRect rect = CGRectMake(dx, self.dy, colWidth,self.lastRowHeight);

        

        // - adjust X for border overlapping between columns

        if(i>0)

        {

            rect.origin.x -= i;

        }

        

        NSString *oneRecord = [record objectAtIndex:i];

        

        if ([oneRecord isEqualToString:SwitchButtonString])

        {

            // - set the switch button string as empty, create a label to adjust a cell first, then add the switch upon the label

            oneRecord = @"";

        }

        

        UILabel* col1 = [[UILabelalloc]init];

        [col1.layersetBorderColor:[[UIColorcolorWithWhite:0.821alpha:1.000]CGColor]];

        [col1.layer setBorderWidth:1.0];

        col1.font = [UIFontfontWithName:@"Helvetica"size:self.numRows ==0 ? 14.0f :12.0f];

        col1.textColor = [UIColordarkGrayColor];

        col1.frame = rect;

        

        // - round corner

        if ([selfisRoundCorner:i])

        {

            col1.layer.cornerRadius =5;

            col1.layer.masksToBounds =YES;

        }

        

        // - set left reght margins&alignment for the label

        NSMutableParagraphStyle *style =  [[NSParagraphStyledefaultParagraphStyle]mutableCopy];

        style.alignment =NSTextAlignmentCenter;

        

        NSAttributedString *attrText = [[NSAttributedStringalloc]initWithString:oneRecordattributes:@{NSParagraphStyleAttributeName : style}];

        

        col1.lineBreakMode =NSLineBreakByCharWrapping;

        col1.numberOfLines = 0;

        col1.attributedText = attrText;

        [col1 sizeToFit];

        

        // - used to find height of longest label

        CGFloat h = col1.frame.size.height +10;

        if(h > self.lastRowHeight){

            self.lastRowHeight = h;

        }

        

        // - make the label width same as columns's width

        rect.size.width = colWidth;

        col1.frame = rect;

        

        [labels addObject:col1];

        

        // - used for setting the next column X position

        dx += colWidth;

    }

    

    // - make all the labels of same height and then add to view

    for(uint i=0; i<labels.count; i++)

    {

        UILabel* tempLabel = (UILabel*)[labelsobjectAtIndex:i];

        CGRect tempRect = tempLabel.frame;

        tempRect.size.height =self.lastRowHeight;

        tempLabel.frame = tempRect;

        [self addSubview:tempLabel];

    }

    

    // - add the switch button at the first column in current row

    if ([record.firstObjectisEqualToString:SwitchButtonString])

    {

        UILabel *firstlabel = labels.firstObject;

        UIButton *oneSwitchButton = [[UIButtonalloc]initWithFrame:CGRectMake(0,0, [self.columnsWidths.firstObjectintegerValue],40)];

        oneSwitchButton.center = firstlabel.center;

        [oneSwitchButton addTarget:selfaction:@selector(tapedSwitchButton:)forControlEvents:UIControlEventTouchUpInside];

        [oneSwitchButton setBackgroundImage:self.selectedImageforState:UIControlStateSelected];

        [oneSwitchButton setBackgroundImage:self.unselectedImageforState:UIControlStateNormal];

        [self.switchButtonsaddObject:oneSwitchButton];

        

        // - default selected first row button

        if (self.switchButtons.firstObject == oneSwitchButton)

        {

            oneSwitchButton.selected = YES;

        }

        

        [self addSubview:oneSwitchButton];

    }

    

    self.numRows++;

    

    // - adjust Y for border overlapping beteen rows

    self.dy +=self.lastRowHeight-1;

    

    CGRect tempRect = self.frame;

    tempRect.size.height =self.dy;

    self.frame = tempRect;

}

- (void)tapedSwitchButton:(UIButton *)button

{

    button.selected = !button.selected;

    

    [self.switchButtonsenumerateObjectsUsingBlock:^(id obj,NSUInteger idx,BOOL *stop) {

        UIButton *oneButton = obj;

        

        if (oneButton != button)

        {

            oneButton.selected = NO;

        }

    }];

}

- (NSUInteger)selectedIndex

{

    __block NSUInteger index =0;

    

    [self.switchButtonsenumerateObjectsUsingBlock:^(id obj,NSUInteger idx,BOOL *stop) {

        UIButton *oneButton = obj;

        

        if (oneButton.selected ==YES)

        {

            index = idx;

            *stop = YES;

        }

    }];

    return index;

}

- (BOOL)isRoundCorner:(NSInteger)row

{

    return NO;

}

@end