【UIKit】UITableView 8 自定义cell
2014-04-19 14:15
337 查看
UITableView 自定义cell 【Code】
注意:在创建一个故事版的时候,需要将控制器的class修改成对应的class否则效果实现不了【如图】
1.这段代码就是用来设置cell所对应的xib,类似于绑定
// 1.想要使用文件包里面的资源就要使用[NSBundle mainBundle]
// 2.loadNibNamed的意思是加载一个xib文件,名字为BookCell
2. 将xib中的Label显示内容,用到下面的代码。
1)取出对应的book对象
2)设置内容
3.设置cell的高度
4.绑定监听器
1)创建一个按钮collect并且设置tag
2)将collect 绑定target,然后设置@selector调用方法
3)单机事件后调用方法为collectBook:event
【步骤】 得到触摸事件对象 ---> 得到触摸点 ---> 得到触摸点在UITableView中的位置 ---> 得到触摸点在UITableView中的行号
【方法2】【Code】:使用控制器连线方式
第一步:创建Xib。
第二步:在创建新的cell的时候,将owner设置为self,就是调用自己的控制器
第三步:ViewController.h中声明方法为按钮单击事件方法。并且在.m文件中创建方法。
第四步:返回Xib的控制器,设置Custom Class 设置为自己的ViewController【如图】
第五步:设置好后File's Owner右击,会产生collectBook方法,与相对应的按钮进行连接,连接Touch up Inside事件。
第六步:写全方法。就可以显示了。
【利弊分析】:这种方法简单,但是耦合性太强。适合单页面。
【第三种】【Code】:
第一步:创建xib拉好控件,并且设置Custom Class 为空
第二步:创建1个类与Xib 文件名相同的类,此处用BookCell。
第三步:将xib中的控件进行拖拉绑定。如上图。
第四步:取出内容
注意:在创建一个故事版的时候,需要将控制器的class修改成对应的class否则效果实现不了【如图】
1.这段代码就是用来设置cell所对应的xib,类似于绑定
// 1.想要使用文件包里面的资源就要使用[NSBundle mainBundle]
// 2.loadNibNamed的意思是加载一个xib文件,名字为BookCell
cell=[[[NSBundle mainBundle]loadNibNamed:@"BookCell" owner:nil options:nil]lastObject];
2. 将xib中的Label显示内容,用到下面的代码。
1)取出对应的book对象
2)设置内容
// 覆盖数据 Book *book=self.books[indexPath.row]; // 1.取出对应行的book对象 // 设置名称 UILabel *nameLabel= (UILabel *)[cell viewWithTag:1]; // [cell viewWithTag]就是和对应的xib文件中的cell中的绑定tag为1的东 西进行绑定 nameLabel.text=book.name; // 然后将得到的名字和相对应的空间进行绑定 // 设置价格 UILabel *priceLabel=(UILabel *)[cell viewWithTag:2]; priceLabel.text=[NSString stringWithFormat:@"$%.2f",book.price];
3.设置cell的高度
#pragma mark 返回cell 的高度【设置cell的高度】 -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { return 70; }
4.绑定监听器
1)创建一个按钮collect并且设置tag
2)将collect 绑定target,然后设置@selector调用方法
UIButton *collect=(UIButton *)[cell viewWithTag:3]; //收藏按钮 [collect addTarget:self action:@selector(collectBook:event:) forControlEvents:UIControlEventTouchUpInside]; // UIControlEventTouchDragInside --单击事件
3)单机事件后调用方法为collectBook:event
【步骤】 得到触摸事件对象 ---> 得到触摸点 ---> 得到触摸点在UITableView中的位置 ---> 得到触摸点在UITableView中的行号
#pragma mark 收藏 - (void)collectBook:(UIButton *)btn event:(UIEvent *)event // event 事件对象(包含了所有触摸点) { UITableView *tableview=(UITableView *)self.view; // 如果是单点触碰,就只有1个UITouch (获取所有的触摸点) NSSet *touches= [event allTouches];// [event allTouches] 获取所有uitouch 事件,就是手指点击事件。 //一个UITouch对象对应一根手指,能知道我们手指位置 UITouch *touch=[touches anyObject]; // 因为touches里面只存放了1个object所以调用anyobjet就能取出我们需要的object // 获取触摸点再UITableView上面的位置 CGPoint position=[touch locationInView:tableview]; // 根据触摸位置,得到对应的行号 NSIndexPath *indexPath=[tableview indexPathForRowAtPoint:position]; NSLog(@"%d",indexPath.row); //根据行号,得到对应的名字 Book *book=self.books[indexPath.row]; NSLog(@"%@",book.name); }
【方法2】【Code】:使用控制器连线方式
第一步:创建Xib。
第二步:在创建新的cell的时候,将owner设置为self,就是调用自己的控制器
cell=[[[NSBundle mainBundle]loadNibNamed:@"BookCell" owner:self options:nil]lastObject];
第三步:ViewController.h中声明方法为按钮单击事件方法。并且在.m文件中创建方法。
第四步:返回Xib的控制器,设置Custom Class 设置为自己的ViewController【如图】
第五步:设置好后File's Owner右击,会产生collectBook方法,与相对应的按钮进行连接,连接Touch up Inside事件。
第六步:写全方法。就可以显示了。
-(IBAction)collectBook { NSLog(@"-------"); }
【利弊分析】:这种方法简单,但是耦合性太强。适合单页面。
【第三种】【Code】:
第一步:创建xib拉好控件,并且设置Custom Class 为空
第二步:创建1个类与Xib 文件名相同的类,此处用BookCell。
第三步:将xib中的控件进行拖拉绑定。如上图。
第四步:取出内容
// 3.1 取出本行的book对象 Book *b= self.books[indexPath.row]; // 设置书名 cell.nameLabel.text=b.name; // 设置价格 cell.priceLabel.text=[NSString stringWithFormat:@"$%.1f",b.price];
相关文章推荐
- 【UIKit】UITableView 10 自定义cell样式
- UIKit-TableView--TableView用代码自定义cell
- iOS-UI控件之UITableView(二)- 自定义不等高的cell
- Swift_UI:(八)、UITableView自定义Cell
- UITableView 系列: 自定义 UITableViewCell
- (iphone/ipad)关于uitableview自定义cell与重用机制探究
- 自定义UITableView,实现cell的三级分组展开收起
- uitableview自定义cell,cell加载图片
- IOS开发中UITableView(表视图)的滚动优化及自定义Cell
- [IOS]UITableView重用(使用多个自定义Cell)
- UITableView中动态返回自定义cell的高度
- IOS之UITableView cell自定义视图中插入Tableview
- UITableView实现选择框和编辑状态时cell向右移动的自定义方法
- Swift UITableView使用自定义cell
- AutoLayout自定义tableViewCell --- Masonry + UITableView+FDTemplateLayoutCell 纯代码实现
- UITableView cell自定义视图中插入Table实现复杂界面
- iOS UITableView表视图(3)自定义cell
- iOS开发-UITableView自定义Cell
- UITableView的自定义cell
- iOS开发总结之项目开发中使用UITableView自定义多级表格&自定义cell