ios中创建表格类视图wbdatagridview（ios中创建表格类视图wbdatagridview）

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 #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