iOS经验4:自定义TableViewCell应用代码例子过程 时间戳

2023-10-28 15:32
文章标签 代码 自定义 应用 时间 过程 经验 ios 例子 tableviewcell

本文主要是介绍iOS经验4:自定义TableViewCell应用代码例子过程 时间戳，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

不用，镔哥多说了，TAbleView在工程项目应用得应该是最多的，但是系统自带的不能满足我的需求，所以在做项目的时候一般都要自定义UITableViewCell来实现我们的目的：

下面首先我把自己的项目的一个代码做为例子介绍：

//

//  RecordTableViewCell.h

// 自定义一个商品历史纪录

//  Created by bin on 14/10/31.

//  Copyright (c) 2014年 mac. All rights reserved.

//


#import <UIKit/UIKit.h>

@interface RecordTableViewCell : UITableViewCell

@property (nonatomic, strong) UILabel * timeLable;//时间

@property (nonatomic, strong) UILabel * IDLabel;//ID号

@property (nonatomic, strong) UILabel * numberLabel;//购买数量


- (void)getDataByDictionary:(NSDictionary *)dic;


@end


//  RecordTableViewCell.m

//

//  Created by bin on 14/10/31.

//  Copyright (c) 2014年 mac. All rights reserved.

//


#import "RecordTableViewCell.h"


#define BACKCOLOR [UIColor cyanColor]


@implementation RecordTableViewCell


- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier

{

    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];

    if (self) {

        

        self.timeLable = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 120, 20)];

        _timeLable.font = [UIFont systemFontOfSize:12];

        _timeLable.backgroundColor = BACKCOLOR;

        [self addSubview:_timeLable];

        

        self.IDLabel = [[UILabel alloc] initWithFrame:CGRectMake(_timeLable.right, _timeLable.top, 80, _timeLable.height)];

        _IDLabel.backgroundColor = BACKCOLOR;

        _IDLabel.textAlignment = NSTextAlignmentCenter;

        [self addSubview:_IDLabel];

        

        self.numberLabel = [[UILabel alloc] initWithFrame:CGRectMake(_IDLabel.right, _IDLabel.top, 110, _IDLabel.height)];

        _numberLabel.backgroundColor = BACKCOLOR;

        _numberLabel.font = [UIFont systemFontOfSize:14];

        _numberLabel.tintColor = [UIColor colorWithRed:165 green:3 blue:16 alpha:1];

        [self addSubview:_numberLabel];

        

    }

    return self;

}

//购买的时间

- (void)getDataByDictionary:(NSDictionary *)dic

{

    self.timeLable.text = [self getTImeBytimestampString:[dic objectForKey:@"joinTime"]];

    self.IDLabel.text = [dic objectForKey:@"joinerPhone"];

    self.numberLabel.text = [NSString stringWithFormat:@"购买了%@人次", [dic objectForKey:@"joinCount"]];

}


//根据时间戳返回时间

- (NSString *)getTImeBytimestampString:(NSString *)timstampStr

{

    NSDate * date = [NSDate dateWithTimeIntervalSince1970:[timstampStr longLongValue] / 1000];

    NSDateFormatter * formatter = [[NSDateFormatter alloc] init];

    [formatter setDateFormat:@"YYYY-MM-dd HH:mm:ss"];

    NSString * str = [NSString stringWithFormat:@"%@", [formatter stringFromDate:date]];

    return str;

}

//===========================================使用＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

在应用的窗口中就直接这样写就可以了

#pragma mark - UITabelViewDatasource

- (RecordTableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    RecordTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier forIndexPath:indexPath];

    NSDictionary * dic = [_dataArray objectAtIndex:indexPath.row];

    [cell getDataByDictionary:dic];

    return cell;

}


／／＝＝＝＝＝＝＝＝＝＝＝下面就具体介绍解析一下，让大家更容易明白
很多时候，我们需要自定义UITableView来满足我们的特殊要求。这时候，关于UITableView和cell的自定义和技巧太多了，就需要不断的总结和归纳。
1.添加自定义的Cell。
这个问题已经涉及过，但是，这里要说的主要是两种方法的比较！
因为，我经常发现有两种方式：

1.xib方式
这种方式，也就是说，为自定义的UITableViewCell类添加一个xib的文件。并且让两者关联。
这时候，写法为：

// 返回cell

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    

    static NSString *CellIdentifier = @"MyCell";

    // 自定义cell

    MyCell *cell = (MyCell *)[tableVie dequeueReusableCellWithIdentifier:CellIdentifier];

    if (cell == nil){

        // 这种方式，将会查找响应的xib文件，将不会调用initWithStyle方法

        NSArray *array = [[NSBundle mainBundle] loadNibNamed:@"MyCell" owner:niloptions:nil];

        cell = [array objectAtIndex:0];

    }

这种方式，是读取了xib文件，所以，就直接按照响应的xib中的布局，布局好了，并不会调用相应的initWithStyle方法。


2.调用initWithStyle方法

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    static NSString *CellIdentifier = @"MyCell";

    // 自定义cell

    MyCell *cell = (MyCell *)[tableVie dequeueReusableCellWithIdentifier:CellIdentifier];

    if (cell == nil){

        // 这种方式，将会调用cell中的initWithStyle方法

        cell = [[[MyCell alloc] initWithStyle:UITableViewCellSelectionStyleGray reuseIdentifier:CellIdentifier] autorelease];

    }

    return cell;

    

}
这种方式，会调用相应Cell类的initWithStyle方法。

那么，什么时候，用那种方式呢？
我的理解是：
当，cell比较简单时，可以添加相应的xib文件，进行关联；当cell比较复杂时，就直接用纯代码的方式（不创建相应的xib文件）。
我发现，我还是喜欢用纯代码的方式来写，因为，扩展性好，尤其当cell元素复杂甚至带有动画效果的时候，用xib反而很难控制，或者根本无法控制。
我建议用纯代码的方式！


2.设置cell的setAccessoryView属性

主要用在：在右边添加一个自定义的按钮，或者子视图。
为setAccessoryView设置一个按钮。

cell.accessoryType = UITableViewCellAccessoryNone;

    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

    

    [button setFrame:CGRectMake(0.0, 0.0, 55, 57)];

    [button setImage:[UIImage imageNamed:@"tap_normal.png"]forState:UIControlStateNormal];

    [button setImage:[UIImage imageNamed:@"tap_highlight.png"]forState:UIControlStateHighlighted];

    [button setTag:indexPath.row];

    [button addTarget:self action:@selector(doClickPlaybillAction:event:) forControlEvents:UIControlEventTouchUpInside];


    [button setBackgroundColor:[UIColor clearColor]];

    [cell setAccessoryView:button];


    return cell;
通过观察属性定义：

@property(nonatomic) UITableViewCellAccessoryType   accessoryType;              

@property(nonatomic,retain) UIView                 *accessoryView;              

@property(nonatomic) UITableViewCellAccessoryType   editingAccessoryType;       

@property(nonatomic,retain) UIView                 *editingAccessoryView; 

可见，accessoryView属性需要的参数为UIView，所以，可以很方便的自定义。当然还有editingAccessoryView，可以进行自定义修改时的UIView。

根据用户点击的按钮，找到相应的Cell

- (void) performExpand:(id)paramSender{


    UITableViewCell *ownerCell = (UITableViewCell*)[paramSender superview];// 获得父视图，即TableViewCell

    if (ownerCell != nil){


        NSIndexPath *ownerCellIndexPath = [self.myTableView indexPathForCell:ownerCell];

        NSLog(@"Accessory in index path is tapped. Index path = %@", ownerCellIndexPath);

        

    }

}
3.自定义cell选择时的样式。


通过，上面一步，我们为Cell添加了一个自定义的按钮。

也许就会遇到这么一个纠结的情况，当点击UITableViewCell高亮时，其子视图中不该高亮的对象（比如说自定义的那个按钮）也高亮了。


比如：

正确方式：我们需要cell被选中时，按钮不应该也被高亮显示。如：




错误方式：但是，cell被选中时，按钮却也高亮显示了。如：




要解决该方法，可以这样：

 

 

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated{

    [super setHighlighted:highlighted animated:animated];

    

    if(highlighted) {

        [(UIButton *)self.accessoryView setHighlighted:NO];

    }

}


 

- (void)setSelected:(BOOL)selected animated:(BOOL)animated{

    [super setSelected:selected animated:animated];

    if(selected) {

        [(UIButton *)self.accessoryView setHighlighted:NO];

    }

}
这样，问题时解决了，那如果我们再深一层次，发问一下：

为什么UITableViewCell被选中时，UITableViewCell中的其他元素也会被高亮显示呢？

因为当UITableViewCell为选中状态时，UITableViewCell把selectedBackgroundView当作一个子视图来添加；

selectedBackgroundView被添加在UITableViewCell的backgroundView之上，或者所有其它视图之下。

当调用setSelected: animated:这一方法时，会导致selectedBackgroundView以一个alpha消化的状态来出现和消失。

还应该注意：

UITableViewCell的selectionStyle值为UITableViewCellSelectionStyleNone时，selectedBackgroundView将不起作用。



4.为UITableViewCell添加自定义背景

有时候，我们要为UITableViewCell自定义的类的每个cell添加自定义的背景图片。
有很多方法：
1.在自定义的UITableViewCell类的initWithStyle方法中，添加如下代码：

// 设置背景

        UIImageView *bgImage=[[[UIImageView alloc] initWithFrame:CGRectMake(0, 0,320, 57)] autorelease];

        [bgImage setImage: [UIImage imageNamed:@"table_live_bg.png"]];

        [self setBackgroundView:bgImage];
2.使用setBackgroundImageByName方法或者setBackgroundImage方法

[self setBackgroundImageByName:@"table_live_bg.png"];

[self setBackgroundImage:[UIImage imageNamed:@"table_live_bg.png"]];

这种方法，要注意的时，设置的图片大小应该与cell大小相同

3.设置cell的contentView，用insertSubview方法

[self.contentView insertSubview:messageBackgroundViewbelowSubview:self.textLabel];

        

 self.selectionStyle = UITableViewCellSelectionStyleNone;
这三种方式，都在initWithStyle方法中设置。

5.设置删除Cell时的自定义文本

//定制Delete字符串，添加函数 返回要显示的字符串

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

    return @"删除";

}

希望对大家有所帮助！


这篇关于iOS经验4:自定义TableViewCell应用代码例子过程 时间戳的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/294184。

相关文章

python实现pdf转word和excel的示例代码

python实现pdf转word和excel的示例代码

《python实现pdf转word和excel的示例代码》本文主要介绍了python实现pdf转word和excel的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录一、引言二、python编程1，PDF转Word2，PDF转Excel三、前端页面效果展示总结一
阅读更多...
在MyBatis的XML映射文件中＜trim＞元素所有场景下的完整使用示例代码

在MyBatis的XML映射文件中＜trim＞元素所有场景下的完整使用示例代码

《在MyBatis的XML映射文件中＜trim＞元素所有场景下的完整使用示例代码》在MyBatis的XML映射文件中,trim元素用于动态添加SQL语句的一部分,处理前缀、后缀及多余的逗号或连接符,示... 在MyBATis的XML映射文件中，<trim>元素用于动态地添加SQL语句的一部分，例如SET或W
阅读更多...
SpringBoot 整合 Grizzly的过程

SpringBoot 整合 Grizzly的过程

《SpringBoot整合Grizzly的过程》Grizzly是一个高性能的、异步的、非阻塞的HTTP服务器框架,它可以与SpringBoot一起提供比传统的Tomcat或Jet... 目录为什么选择 Grizzly？Spring Boot + Grizzly 整合的优势添加依赖自定义 Grizzly 作为
阅读更多...
使用C#代码计算数学表达式实例

使用C#代码计算数学表达式实例

《使用C#代码计算数学表达式实例》这段文字主要讲述了如何使用C#语言来计算数学表达式,该程序通过使用Dictionary保存变量,定义了运算符优先级,并实现了EvaluateExpression方法来... 目录C#代码计算数学表达式该方法很长，因此我将分段描述下面的代码片段显示了下一步以下代码显示该方法如
阅读更多...
mysql-8.0.30压缩包版安装和配置MySQL环境过程

mysql-8.0.30压缩包版安装和配置MySQL环境过程

《mysql-8.0.30压缩包版安装和配置MySQL环境过程》该文章介绍了如何在Windows系统中下载、安装和配置MySQL数据库,包括下载地址、解压文件、创建和配置my.ini文件、设置环境变量... 目录压缩包安装配置下载配置环境变量下载和初始化总结压缩包安装配置下载下载地址：https://d
阅读更多...
将Python应用部署到生产环境的小技巧分享

将Python应用部署到生产环境的小技巧分享

《将Python应用部署到生产环境的小技巧分享》文章主要讲述了在将Python应用程序部署到生产环境之前,需要进行的准备工作和最佳实践,包括心态调整、代码审查、测试覆盖率提升、配置文件优化、日志记录完... 目录部署前夜：从开发到生产的心理准备与检查清单环境搭建：打造稳固的应用运行平台自动化流水线：让部署像
阅读更多...
Python 标准库time时间的访问和转换问题小结

Python 标准库time时间的访问和转换问题小结

《Python标准库time时间的访问和转换问题小结》time模块为Python提供了处理时间和日期的多种功能,适用于多种与时间相关的场景,包括获取当前时间、格式化时间、暂停程序执行、计算程序运行时... 目录模块介绍使用场景主要类主要函数 - time()- sleep()- localtime()- g
阅读更多...
python多进程实现数据共享的示例代码

python多进程实现数据共享的示例代码

《python多进程实现数据共享的示例代码》本文介绍了Python中多进程实现数据共享的方法,包括使用multiprocessing模块和manager模块这两种方法,具有一定的参考价值,感兴趣的可以... 目录背景进程、进程创建进程间通信 进程间共享数据共享list实践背景 安卓ui自动化框架，使用的是
阅读更多...
springboot整合gateway的详细过程

springboot整合gateway的详细过程

《springboot整合gateway的详细过程》本文介绍了如何配置和使用SpringCloudGateway构建一个API网关,通过实例代码介绍了springboot整合gateway的过程,需要... 目录1. 添加依赖2. 配置网关路由3. 启用Eureka客户端（可选）4. 创建主应用类5. 自定
阅读更多...
SpringBoot生成和操作PDF的代码详解

SpringBoot生成和操作PDF的代码详解

《SpringBoot生成和操作PDF的代码详解》本文主要介绍了在SpringBoot项目下,通过代码和操作步骤,详细的介绍了如何操作PDF,希望可以帮助到准备通过JAVA操作PDF的你,项目框架用的... 目录本文简介PDF文件简介代码实现PDF操作基于PDF模板生成，并下载完全基于代码生成，并保存合并P
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2