【UIKit】UITableView 8 自定义cell

UITableView 自定义cell 【Code

 

 

 

 

 

 

 

 

 

 

 

       

 

 

 

 

 

 


 

注意:在创建一个故事版的时候,需要将控制器的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];

 

posted @ 2014-04-19 14:15  太过于漂流  阅读(358)  评论(0编辑  收藏  举报