UITableView

2017-02-10  本文已影响0人  CoderZXS

UITableViewCell控件空间构造

UITableView

self.tableView.tableHeaderView

Cell的重用原理

Snip20170205_141.png

Cell的重用代码

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
// 1.定义一个cell的标识
static NSString *ID = @”cell";
// 2.从缓存池中取出cell
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 3.如果缓存池中没有cell
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
}

通过代码自定义cell(cell的高度不一致)

UITextField

self.textField.delegate = self;

  - (BOOL)textFieldShouldReturn:(UITextField *)textField;

self.textField.leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 8, 0)];
self.textField.leftViewMode = UITextFieldViewModeAlways;

索引条

   self.tableView.sectionIndexColor = [UIColor redColor];

self.tableView.sectionIndexBackgroundColor = [UIColor blackColor];

 - (NSArray<NSString *>*)sectionIndexTitlesForTableView:(UITableView *)tableView {
}

Frame自定义不等高的cell

    @interface XMGStatus : NSObject
 /** 头像的frame */
 @property (nonatomic, assign) CGRect iconFrame;
 // .....
 /** cell的高度 */
 @property (nonatomic, assign) CGFloat cellHeight;
 @end

 - (CGFloat)cellHeight{
if (_cellHeight == 0) {
// ... 计算所有子控件的frame、cell的高度
}
   return _cellHeight;
}

/**
   返回每一行cell的具体高度
*/
    - (CGFloat)tableView:(UITableView *)tableView     heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    XMGStatus *status = self.statuses[indexPath.row];
    return status.cellH;
}

   - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
static NSString *ID = @"status";
// 访问缓存池
XMGStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 设置数据(传递模型数据)
cell.status = self.statuses[indexPath.row];
return cell;
}

@interface XMGStatusCell : UITableViewCell
@end

  /**
    * 在这个方法中添加所有的子控件
  */
    - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
// ......
}
return self;
}

  @class XMGStatus;
@interface XMGStatusCell : UITableViewCell
/** 团购模型数据 */
@property (nonatomic, strong) XMGStatus *status;
@end

     - (void)setStatus:(XMGStatus *)status{
   _status = status;
   // .......
}

      /**
      * 在这个方法中设置所有子控件的frame
      */
      - (void)layoutSubviews{
               [super layoutSubviews];
         // ......
}

AutoLayOut自定义等高的cell

@interface XMGTgCell : UITableViewCell
@end

    /**
      * 在这个方法中添加所有的子控件
     */
      - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
// ......
}
return self;
}

   @class XMGTg;
   @interface XMGTgCell : UITableViewCell
   /** 团购模型数据 */
   @property (nonatomic, strong) XMGTg *tg;
@end

   - (void)setTg:(XMGTg *)tg{
_tg = tg;
   // .......
   }

[self.tableView registerClass:[XMGTgCell class] forCellReuseIdentifier:ID];

   - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    // 访问缓存池
   XMGTgCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
   // 设置数据(传递模型数据)
   cell.tg = self.tgs[indexPath.row];
return cell;
}

字典转模型第三方框架

Frame(微博)自定义等高的cell

@interface XMGTgCell : UITableViewCell
@end

   /**
   * 在这个方法中添加所有的子控件
   */
   - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
// ......
}
return self;
}

    /**
      * 在这个方法中计算所有子控件的frame
    */
    - (void)layoutSubviews{
     [super layoutSubviews];
// ......
}

@class XMGTg;

@interface XMGTgCell : UITableViewCell
/** 团购模型数据 */
@property (nonatomic, strong) XMGTg *tg;
@end

    - (void)setTg:(XMGTg *)tg{
_tg = tg;
// .......
}

[self.tableView registerClass:[XMGTgCell class] forCellReuseIdentifier:ID];

      - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
// 访问缓存池
XMGTgCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 设置数据(传递模型数据)
cell.tg = self.tgs[indexPath.row];
return cell;
}

StoryBoard（微博）自定义等高的cell

@interface XMGTgCell : UITableViewCell
@end

@interface XMGTgCell()
@property (weak, nonatomic) IBOutlet UIImageView *iconImageView;
@property (weak, nonatomic) IBOutlet UILabel *titleLabel;
@property (weak, nonatomic) IBOutlet UILabel *priceLabel;
@property (weak, nonatomic) IBOutlet UILabel *buyCountLabel;
@end

@class XMGTg;
@interface XMGTgCell : UITableViewCell
/** 团购模型数据 */
@property (nonatomic, strong) XMGTg *tg;
@end

    - (void)setTg:(XMGTg *)tg{
  _tg = tg;
// .......
}

      - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
static NSString *ID = @"tg";
// 访问缓存池
XMGTgCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 设置数据(传递模型数据)
cell.tg = self.tgs[indexPath.row];
return cell;
}

xib自定义等高cell

@interface XMGTgCell : UITableViewCell
@end

@interface XMGTgCell()
@property (weak, nonatomic) IBOutlet UIImageView *iconImageView;
@property (weak, nonatomic) IBOutlet UILabel *titleLabel;
@property (weak, nonatomic) IBOutlet UILabel *priceLabel;
@property (weak, nonatomic) IBOutlet UILabel *buyCountLabel;
@end

@class XMGTg;
@interface XMGTgCell : UITableViewCell
/** 团购模型数据 */
@property (nonatomic, strong) XMGTg *tg;
@end

     - (void)setTg:(XMGTg *)tg{
    _tg = tg;
// .......
}

[self.tableView registerNib:[UINib nibWithNibName:NSStringFromClass([XMGTgCell class]) bundle:nil] forCellReuseIdentifier:ID];

        - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
// 访问缓存池
XMGTgCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 设置数据(传递模型数据)
cell.tg = self.tgs[indexPath.row];
return cell;
}

StoryBoard（微博）-自定义不等的cell

//告诉tableView所有cell的真实高度是自动计算（根据设置的约束来计算）
self.tableView.rowHeight = UITableViewAutomaticDimension;
//告诉tableView所有cell的估算高度
self.tableView.estimatedRowHeight = 44;

-(void)awakeFromNib
{
//手动设置文字的最大宽度（目的是：让label知道自己文字的最大宽度，进而能够计算出自己的frame）
self.text_label.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 20;
}

//告诉tableView所有cell的估算高度(设置了估算高度，就可以减少tableView:heightForRowAtIndexPath:方法的调用次数)
self.tableView.estimatedRowHeight = 200;

XMGStatusCell *cell;
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
//创建一个临时的cell（cell的作用：根据模型数据布局所有的子控件，进而计算出cell的高度）
if (!cell) {
cell = [tableView dequeueReusableCellWithIdentifier:ID];
}
//设置模型数据
cell.status = self.statuses[indexPath.row];
return cell.height;
}
-(CGFloat)height{
//强制布局cell内部的所有子控件(label根据文字多少计算出自己最真实的尺寸)
[self layoutIfNeeded];
//计算cell的高度
if (self.status.picture) {
return CGRectGetMaxY(self.pictureImageView.frame) + 10;
} else {
return CGRectGetMaxY(self.text_label.frame) + 10;
}
}

数据刷新

[self.tableView reloadData];
//屏幕上的所有可视的cell都会刷新一遍

NSArray *indexPaths = @[
[NSIndexPath indexPathForRow:0 inSection:0],
[NSIndexPath indexPathForRow:1 inSection:0]
];
[self.tableView insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationRight];

NSArray *indexPaths = @[
[NSIndexPath indexPathForRow:0 inSection:0],
[NSIndexPath indexPathForRow:1 inSection:0]
];
[self.tableView deleteRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationMiddle];

NSArray *indexPaths = @[
[NSIndexPath indexPathForRow:0 inSection:0],
[NSIndexPath indexPathForRow:1 inSection:0]
];
[self.tableView relaodRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationMiddle];

/**
*只要实现了这个方法，左滑出现Delete按钮的功能就有了
*点击了“左滑出现的Delete按钮”会调用这个方法
*/
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{

//删除模型

[self.wineArray removeObjectAtIndex:indexPath.row];


//刷新

[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];

}


/**

*修改Delete按钮文字为“删除”

*/

- (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath{

return @"删除";

}

/**
*只要实现了这个方法，左滑出现按钮的功能就有了
(一旦左滑出现了N个按钮，tableView就进入了编辑模式, tableView.editing = YES)
*/
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{


}


/**
*左滑cell时出现什么按钮
*/
- (NSArray *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewRowAction *action0 = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"关注" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {
NSLog(@"点击了关注");


//收回左滑出现的按钮(退出编辑模式)
tableView.editing = NO;
}];


UITableViewRowAction *action1 = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDefault title:@"删除" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {
[self.wineArray removeObjectAtIndex:indexPath.row];
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
}];


return @[action1, action0];
}

// self.tabelView.editing = YES;
[self.tableView setEditing:YES animated:YES];
//默认情况下，进入编辑模式时，左边会出现一排红色的“减号”按钮

//编辑模式的时候可以多选
self.tableView.allowsMultipleSelectionDuringEditing = YES;
//进入编辑模式
[self.tableView setEditing:YES animated:YES];
//获得选中的所有行
self.tableView.indexPathsForSelectedRows;

代理的使用步骤

@property (nonatomic, weak) id<XMGWineCellDelegate> delegate;

if ([self.delegate respondsToSelector:@selector(wineCellDidClickPlusButton:)]) {
[self.delegate wineCellDidClickPlusButton:self];
}

iOS监听某些事件的方法

通知

上一篇 下一篇

猜你喜欢

热点阅读