项目中创建表格, 引用头文件
#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:@[@"邮箱",@"[email protected]"]];
[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:@[@"邮箱",@"邮箱",@"邮箱",@"[email protected]"]];
[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 [email protected]"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