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:@[@"邮箱",@"dylan_lwb@163.com"]];  [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:@[@"邮箱",@"邮箱",@"邮箱",@"dylan_lwb@163.com"]];  [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