项目中创建表格, 引用头文件
#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