iOS开发小技巧--纯代码自定义cell
纯代码自定义cell
自定义cell的步骤(每个cell的高度不一样,每个cell里面显示的内容也不一样)
- 1.新建一个继承自UITableViewCell的子类
- 2.在initWithStyle:方法中进行子控件的初始化
- 2.1将有可能显示的所有子控件添加到contentView中,代码如下
- 2.2顺便设置子控件的一些属性(一次性属性:文字颜色,字体,背景)
/// cell初始化方法中对子控件进行初始化
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
/** cell顶部的容器 */
UIView *topContainerView = [[UIView alloc] init];
[self.contentView addSubview:topContainerView];
self.topContainerView = topContainerView;
/** 头像图片 */
UIImageView *headerImageView = [[UIImageView alloc] init];
[self.topContainerView addSubview:headerImageView];
self.headerImageView = headerImageView;
/** 会员图片 */
UIImageView *vipImageView = [[UIImageView alloc] init];
[self.topContainerView addSubview:vipImageView];
self.vipImageView = vipImageView;
/** 微博图片 */
UIImageView *photoImageView = [[UIImageView alloc] init];
[self.topContainerView addSubview:photoImageView];
self.photoImageView = photoImageView;
/** 名称 */
UILabel *nameLabel = [[UILabel alloc] init];
[self.topContainerView addSubview:nameLabel];
self.nameLabel = nameLabel;
/** 时间 */
UILabel *timeLabel = [[UILabel alloc] init];
[self.topContainerView addSubview:timeLabel];
self.timeLabel = timeLabel;
/** 来源 */
UILabel *sourceLabel = [[UILabel alloc] init];
[self.topContainerView addSubview:sourceLabel];
self.sourceLabel = sourceLabel;
/** 正文 */
UILabel *contentLabel = [[UILabel alloc] init];
[self.topContainerView addSubview:contentLabel];
self.contentLabel = contentLabel;
}
return self;
}
- 3.提供两个模型
- 3.1一个是数据模型(文字数据 + 图片数据)
- 3.2一个是frame模型(数据模型 + 所有子控件的frame + cell的高度)
/// frame模型中重写数据模型的set方法,根据数据计算各控件的frame
- (void)setStatus:(ChaosStatus *)status
{
_status = status;
ChaosUser *user = status.user;
// 计算frame
/** 头像图片 */
CGFloat headerX = ChaosStatusCellBorderWidth;
CGFloat headerY = ChaosStatusCellBorderWidth;
CGFloat headerWH = 50;
self.headerImageViewF = CGRectMake(headerX, headerY, headerWH, headerWH);
/** 名称 */
CGFloat nameLabelX = CGRectGetMaxX(self.headerImageViewF) + ChaosStatusCellBorderWidth;
CGFloat nameLabelY = headerY;
CGSize nameLabelSize = [self sizeWithText:user.screen_name font:ChaosStatusNameLabelFont];
self.nameLabelF = (CGRect){{nameLabelX,nameLabelY},nameLabelSize};
/** 会员图片 */
CGFloat vipX = CGRectGetMaxX(self.nameLabelF) + ChaosStatusCellBorderWidth;
CGFloat vipY = headerY;
CGFloat vipW = 25;
CGFloat vipH = nameLabelSize.height;
if (status.user.isVip) {
self.vipImageViewF = CGRectMake(vipX, vipY, vipW, vipH);
}
/** 时间 */
CGFloat timeLabelX = nameLabelX;
CGFloat timeLabelY = CGRectGetMaxY(self.nameLabelF) + ChaosStatusCellBorderWidth;
CGSize timeLabelSize = [self sizeWithText:status.created_at font:ChaosStatusTimeLabelFont];
self.timeLabelF = (CGRect){{timeLabelX,timeLabelY},timeLabelSize};
/** 来源 */
CGFloat sourceLabelX = CGRectGetMaxX(self.timeLabelF) + ChaosStatusCellBorderWidth;
CGFloat sourceLabelY = timeLabelY;
CGSize sourceLabelSize = [self sizeWithText:status.source font:ChaosStatusSourceLabelFont];
self.sourceLabelF = (CGRect){{sourceLabelX,sourceLabelY},sourceLabelSize};
/** 正文 */
CGFloat contentX = headerX;
CGFloat contentY = MAX(CGRectGetMaxY(self.headerImageViewF), CGRectGetMaxY(self.timeLabelF)) + 10;
CGSize contentSize = [self sizeWithText:status.text font:ChaosStatusContentLabelFont maxWidth:ChaosScreenSize.width - 2 * ChaosStatusCellBorderWidth];
self.contentLabelF = (CGRect){{contentX,contentY},contentSize};
/** 微博图片 */
/** cell顶部的容器 */
self.topContainerViewF = CGRectMake(0, 0, ChaosScreenSize.width, CGRectGetMaxY(self.contentLabelF));
/** cell高度 */
self.cellHeight = CGRectGetMaxY(self.topContainerViewF) + ChaosStatusCellBorderWidth;
}
- 4.cell应该提供一个frame模型属性
- 4.1将frame模型传递给cell
- 4.2cell根据frame模型给子控件设置frame,根据数据模型给子控件设置数据
- 4.3cell根据数据模型决定显示和隐藏那些子控件
/// cell中重写模型的set,方法中设置控件的frame.设置控件的数据
- (void)setStatusFrame:(ChaosStatusFrame *)statusFrame
{
_statusFrame = statusFrame;
ChaosStatus *status = statusFrame.status;
ChaosUser *user = status.user;
/** 头像图片 */
self.headerImageView.frame = statusFrame.headerImageViewF;
[self.headerImageView sd_setImageWithURL:[NSURL URLWithString:user.profile_image_url] placeholderImage:[UIImage imageNamed:@"avatar_default_small"]];
/** 会员图片 */
self.vipImageView.frame = statusFrame.vipImageViewF;
self.vipImageView.contentMode = UIViewContentModeCenter;
if (user.isVip) { // 是会员
self.vipImageView.hidden = NO;
NSString *str = [NSString stringWithFormat:@"common_icon_membership_level%d",user.mbrank];
self.vipImageView.image = [UIImage imageNamed:str];
// 文字颜色
self.nameLabel.textColor = [UIColor orangeColor];
} else { // 不是会员
self.vipImageView.hidden = YES;
// 文字颜色
self.nameLabel.textColor = [UIColor blackColor];
}
/** 名称 */
self.nameLabel.frame = statusFrame.nameLabelF;
self.nameLabel.font = ChaosStatusNameLabelFont;
self.nameLabel.text = user.screen_name;
/** 时间 */
self.timeLabel.frame = statusFrame.timeLabelF;
self.timeLabel.font = ChaosStatusTimeLabelFont;
self.timeLabel.text = status.created_at;
self.timeLabel.textColor = [UIColor grayColor];
/** 来源 */
self.sourceLabel.frame = statusFrame.sourceLabelF;
self.sourceLabel.font = ChaosStatusSourceLabelFont;
self.sourceLabel.text = status.source;
self.sourceLabel.textColor = [UIColor lightGrayColor];
/** 正文 */
self.contentLabel.frame = statusFrame.contentLabelF;
self.contentLabel.text = status.text;
self.contentLabel.numberOfLines = 0;
self.contentLabel.textColor = [UIColor blackColor];
self.contentLabel.font = ChaosStatusContentLabelFont;
/** 微博图片 */
self.photoImageView.frame = statusFrame.photoImageViewF;
/** cell顶部的容器 */
self.topContainerView.frame = statusFrame.topContainerViewF;
self.topContainerView.backgroundColor = [UIColor orangeColor];
}
- 5在tableView的代理方法中返回cell的高度
iOS开发小技巧--纯代码自定义cell的更多相关文章
- iOS开发小技巧--iOS8之后的cell自动计算高度
cell高度自动计算步骤:
- iOS开发小技巧 - runtime适配字体
iOS开发小技巧 - runtime适配字体 版权声明:本文为博主原创文章,未经博主允许不得转载,有问题可联系博主Email: liuyongjiesail@icloud.com 一个iOS开发项目无 ...
- iOS开发小技巧 - UILabel添加中划线
iOS开发小技巧 遇到的问题: 给Label添加中划线,然后并没有效果 NSString *str = [NSString stringWithFormat:@"合计金额 ¥%.2f&quo ...
- 李洪强iOS开发之后使用纯代码实现横向滚动的UIScrollView
李洪强iOS开发之后使用纯代码实现横向滚动的UIScrollView (VTmagic是一个实现左右滚动的控制器的框架,也可以实现此功能) 实现的效果: 01 - 创建四个控制器 02 - 定义需要 ...
- AJ学IOS(17)UI之纯代码自定义Cell实现新浪微博UI
AJ分享,必须精品 先看效果图 编程思路 代码创建Cell的步骤 1> 创建自定义Cell,继承自UITableViewCell 2> 根据需求,确定控件,并定义属性 3> 用get ...
- iOS开发小技巧--设置cell左右有空隙,设置分割线的新思路,重写setFrame:让别人在外界无法修改控件的大小
如图:需要自定义cell
- iOS开发小技巧 -- tableView-section圆角边框解决方案
[iOS开发]tableView-section圆角边框解决方案 tableView圆角边框解决方案 iOS 7之前,图下圆角边框很容易设置 iOS 7之后,tableviewcell的风格不再是圆角 ...
- iOS开发——OC篇&纯代码退出键盘
关于iOS开发中键盘的退出,其实方法有很多中,而且笔者也也学会了不少,包括各种非纯代码界面的退出. 但是最近开始着手项目的时候却闷了,因为太多了,笔者确实知道有很多中方法能实现,而且令我影响最深的就是 ...
- iOS开发小技巧--即时通讯项目:消息发送框(UITextView)高度的变化; 以及UITextView光标复位的小技巧
1.即时通讯项目中输入框(UITextView)跟随输入文字的增多,高度变化的实现 最主要的方法就是监听UITextView的文字变化的方法- (void)textViewDidChange:(UIT ...
随机推荐
- 【原】webapp开发中兼容Android4.0以下版本的css hack
话说现在的手机型号越来越多,主要还是android和ios这2个巨头称霸了江湖,而他们自带的浏览器内核是webkit,那对于做移动网页开发的同事来说,一般只要做好webkit内核浏览器的展现效果就行了 ...
- webSocket ws协议测试
最近公司做了个直播的项目,需要用到Websocket进行通信,因而需要对socket最大连接数及稳定性进行测试.当初得到这一需求的时候,唯一想到的就是jmeter,从百度下载相应的socket依赖ja ...
- java 28 - 5 JDK5的新特性 之 枚举的使用
上一章,自定义了枚举类,超级麻烦.. 所以,JAVA给了一个枚举类:类 Enum<E extends Enum<E>> 注意事项 定义枚举类要用关键字enum 所有枚举类都是E ...
- git删除文件需要注意的事项
当commit提交一个文件a到本地仓库中,然后又git rm a 删除这个文件(),再执行git push后,同样会把a文件push到远程仓库.并且这个时候执行git pull并不会从远程仓库拉取a文 ...
- 包含文件函数include与require的区别
include或include_once一般用于动态包含,所谓动态包含就是根据不同条件包含不同文件 require或require_once一般用于静态包含,比如包含一个html文件的头部或者尾部 如 ...
- Mysql数据库之Binlog日志使用总结
binlog二进制日志对于mysql数据库的重要性有多大,在此就不多说了.下面根据本人的日常操作经历,并结合网上参考资料,对binlog日志使用做一梳理: 一.binlog日志介绍1)什么是binlo ...
- Python的高级特性9:蹩脚的多态
学习了java再来看python的多态,总感觉怪怪的,很蹩脚.. 1.python的父类根本不能调用子类的方法,只能蹩脚的依靠重写方法,然后在运行时去调用,实现伪多态... 2.所谓的鸭子类型看起来很 ...
- U3D屏幕空间到世界空间变换
using UnityEngine; using System.Collections; public class FPSCam : MonoBehaviour { Vector3 lastPos; ...
- "Timeout"在测试框架里是如何被实现的
今天组里的小伙伴问了我一个问题:“我这里有一个底层驱动的接口,我想在测试它的时候加上超时限制,时间一过就fail掉它,执行后面的测试用例.怎么办到呢?”.我问:“它自己没有超时响应的机制么? 超时抛e ...
- lecture9-提高模型泛化能力的方法
HInton第9课,这节课没有放论文进去.....如有不对之处还望指正.话说hinton的课果然信息量够大.推荐认真看PRML<Pattern Recognition and Machine L ...