iOS之创建表格类视图WBDataGridView

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

#import "WBDataGridView.h"

 - (void)viewDidLoad{

     [superviewDidLoad];

     // Do any additional setup after loading the view.

     self.view.backgroundColor = [UIColorwhiteColor];

     CGFloat margin = .f;

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

     // - 添加表格 - 两列

     WBDataGridView *DataGrid = [[WBDataGridViewalloc] initWithFrame:CGRectMake(margin,*margin , width, )
                                                         andColumnsWidths:@[@(width*0.4),@(width*0.6)]];

     DataGrid.roundCorner = YES;

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

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

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

     [DataGrid addRecord:@[@"邮箱",@"dylan_lwb@163.com"]];

     [self.viewaddSubview:DataGrid];

     // - 添加表格 - 多列

     WBDataGridView *MoreDataGrid = [[WBDataGridViewalloc]initWithFrame:CGRectMake(margin,CGRectGetMaxY(DataGrid.frame) +*margin , width, )
                                                             andColumnsWidths:@[@(width*0.2),@(width*0.2),@(width*0.2),@(width*0.4)]];

     MoreDataGrid.roundCorner = YES;

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

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

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

     [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 =;

         self.columnsWidths = columns;

         self.dy =;

         self.numRows =;

         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 =;

     uint dx = ;

     NSMutableArray* labels = [NSMutableArrayarray];

     // - create the items/columns of the row

     for(uint i=; 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>)

         {

             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:.821alpha:1.000]CGColor]];

         [col1.layer setBorderWidth:1.0];

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

         col1.textColor = [UIColordarkGrayColor];

         col1.frame = rect;

         // - round corner

         if ([selfisRoundCorner:i])

         {

             col1.layer.cornerRadius =;

             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 = ;

         col1.attributedText = attrText;

         [col1 sizeToFit];

         // - used to find height of longest label

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

         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=; 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(,, [self.columnsWidths.firstObjectintegerValue], )];

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

     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 =;

     [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