UITableView实现自定义布局
2012-12-25 16:24
351 查看
在UITableView创建的表格中,每一行中插入图片中已介绍了如何在表格的每一行中添加图片和文本,下面将介绍一下怎么添加一个自定义视图到每一行中,实现效果:
实现主要代码:
//添加每一行的信息
- (UITableViewCell *) tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *tag=@”tag”;
UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:tag];
if (cell==nil) {
CGRect cellFrom=CGRectMake(0, 0, 300, 65);
cell=[[[UITableViewCell alloc] initWithFrame:cellFrom
reuseIdentifier:tag] autorelease];
CGRect nameLabelRect=CGRectMake(0, 5, 70, 15);
UILabel *nameLabel=[[UILabel alloc] initWithFrame:nameLabelRect];
nameLabel.textAlignment=UITextAlignmentRight;
nameLabel.text=@”姓名“;
nameLabel.font=[UIFont boldSystemFontOfSize:12];
[cell.contentView addSubview:nameLabel];
[nameLabel release];
CGRect colorLabelRect=CGRectMake(0, 26, 70, 15);
UILabel *colorLabel=[[UILabel alloc] initWithFrame:colorLabelRect];
colorLabel.textAlignment=UITextAlignmentRight;
colorLabel.text=@”性别“;
colorLabel.font=[UIFont boldSystemFontOfSize:12];
[cell.contentView addSubview:colorLabel];
[colorLabel release];
CGRect nameValueLabelRect=CGRectMake(80, 5, 200, 15);
UILabel *nameValue=[[UILabel alloc] initWithFrame:nameValueLabelRect];
nameValue.tag=kNameValueTag;
[cell.contentView addSubview:nameValue];
[nameValue release];
CGRect colorValueLabelRect=CGRectMake(80, 25, 200, 15);
UILabel *colorValue=[[UILabel alloc] initWithFrame:colorValueLabelRect];
colorValue.tag=kColorValuetag;
[cell.contentView addSubview:colorValue];
[colorValue release];
}
NSUInteger row=[indexPath row];
NSDictionary *rowData=[self.computers objectAtIndex:row];
UILabel *name=(UILabel *)[cell.contentView viewWithTag:kNameValueTag];
name.text=[rowData objectForKey:@"姓名"];
UILabel *color=(UILabel *)[cell.contentView viewWithTag:kColorValuetag];
color.text=[rowData objectForKey:@"性别"];
UIImage *image=[UIImage imageNamed:@"ceshi.png"];
cell.image=image;
return cell;
}
源代码:http://easymorse.googlecode.com/svn/trunk/iphone.tablecell/
实现主要代码:
//添加每一行的信息
- (UITableViewCell *) tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *tag=@”tag”;
UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:tag];
if (cell==nil) {
CGRect cellFrom=CGRectMake(0, 0, 300, 65);
cell=[[[UITableViewCell alloc] initWithFrame:cellFrom
reuseIdentifier:tag] autorelease];
CGRect nameLabelRect=CGRectMake(0, 5, 70, 15);
UILabel *nameLabel=[[UILabel alloc] initWithFrame:nameLabelRect];
nameLabel.textAlignment=UITextAlignmentRight;
nameLabel.text=@”姓名“;
nameLabel.font=[UIFont boldSystemFontOfSize:12];
[cell.contentView addSubview:nameLabel];
[nameLabel release];
CGRect colorLabelRect=CGRectMake(0, 26, 70, 15);
UILabel *colorLabel=[[UILabel alloc] initWithFrame:colorLabelRect];
colorLabel.textAlignment=UITextAlignmentRight;
colorLabel.text=@”性别“;
colorLabel.font=[UIFont boldSystemFontOfSize:12];
[cell.contentView addSubview:colorLabel];
[colorLabel release];
CGRect nameValueLabelRect=CGRectMake(80, 5, 200, 15);
UILabel *nameValue=[[UILabel alloc] initWithFrame:nameValueLabelRect];
nameValue.tag=kNameValueTag;
[cell.contentView addSubview:nameValue];
[nameValue release];
CGRect colorValueLabelRect=CGRectMake(80, 25, 200, 15);
UILabel *colorValue=[[UILabel alloc] initWithFrame:colorValueLabelRect];
colorValue.tag=kColorValuetag;
[cell.contentView addSubview:colorValue];
[colorValue release];
}
NSUInteger row=[indexPath row];
NSDictionary *rowData=[self.computers objectAtIndex:row];
UILabel *name=(UILabel *)[cell.contentView viewWithTag:kNameValueTag];
name.text=[rowData objectForKey:@"姓名"];
UILabel *color=(UILabel *)[cell.contentView viewWithTag:kColorValuetag];
color.text=[rowData objectForKey:@"性别"];
UIImage *image=[UIImage imageNamed:@"ceshi.png"];
cell.image=image;
return cell;
}
源代码:http://easymorse.googlecode.com/svn/trunk/iphone.tablecell/
相关文章推荐
- UITableView实现自定义布局
- Android 使用自定义ViewGroup实现圆形布局
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- Android 自定义View实现文本流布局
- Android开发中自定义View设定到FrameLayout布局中实现多组件显示
- 自定义UITableView索引动画,实现饿了么菜单效果
- iOS开发进阶 - 自定义UICollectionViewLayout实现瀑布流布局
- iOS自定义UICollectionViewLayout实现瀑布流布局
- 【安卓-自定义布局】安卓App开发思路 一步一个脚印(十)实现内嵌在app中的webview 腾讯开源X5 高效安全
- Android 自定义ViewGroup实现整个Item布局竖直跑马灯效果
- android之自定义ViewGroup和自动换行的布局的实现
- android之自定义ViewGroup和自动换行的布局的实现
- 自定义ViewGroup实现流式布局(支持ViewGroup Padding, 子View margin,每行高度可以不一样)
- Swift - 使用网格(UICollectionView)的自定义布局实现复杂页面
- Android自定义View实现垂直时间轴布局
- 自定义LinearLayout并搭配流式布局,实现商城app商品规格选择View
- IOS_设置UITableView Section的背景颜色和字体颜色(自定义section布局)
- 在Android中,可以自定义类,继承ViewGroup等容器类,以实现自己需要的布局显示。
- 安卓复杂滑动案例 自定义behavior源码分析 实现头布局图片的缩放透明度变化,RecycleView的滑动布局,坐标变化
- android自定义view实现流式布局(FlowLayout)和热门标签