tableview中用动画效果改变cell的高度

我们要的效果大概就是如下效果:

当我们选择一个cell的时候,我们就要改变它的高度,并且以动画的形式。

我们该如何实现这个效果呢?我们主要需要使用以下这两个方法:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

两个方法分别控制cell的高度和cell被选中之后会发生的事情。

我们在第一个方法中,需要实现一些我们想要的高度:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

	if(该indexPath被选中) {
		return 60 * 2.0;
	}

	return 60;
}

而在第二个方法中,我们控制当cell被点击后我们所有希望发生的事情,并且我们今天想要探究的“大明星代码”也在其中~~

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

	[tableView deselectRowAtIndexPath:indexPath animated:TRUE];

	//获取当前indexPath并判断对应的Cell是否被选中

    //最神奇的地方!!
	[tableView beginUpdates];
	[tableView endUpdates];
}

那么为什么在这里会发生神奇的事情呢?

让我们来重点关注这行代码:[tableView beginUpdates];

文档中对这行代码的解释为让TableView产生插入,删除或重新加载cell

看到这里大家应该就恍然大悟了吧?原来当我们点击了一个cell后我们相当于重新加载了一遍我们的tableview,但是却和[tableView reloadata]是完全不一样的风格,reloadData这个方法会让tableView整体重新加载,相当于是作用在tableView上,而beginUpdates只是作用在cell上!

好了,大家应该已经可以看到效果了,如果还是希望可以读到我们全部的代码,可以通过以下链接获取~~

http://www.locassa.com/wp-content/uploads/2011/05/AnimatedTableViewCell.zip

时间: 2024-08-09 03:54:32

tableview中用动画效果改变cell的高度的相关文章

[iOS]在tableview中用动画效果改变cell的高度

我们经常会碰到一些需要动画的地方,比如在TOP的发帖页面中,当我们选中一个文本编辑的cell时,cell的高度会动态的改变. 我们要的效果大概就是如下效果: 当我们选择一个cell的时候,我们就要改变它的高度,并且以动画的形式. 我们该如何实现这个效果呢?我们主要需要使用以下这两个方法: - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath - (void)ta

动态改变cell的高度&beginUpdates和endUpdates-实现UITableView的动画块

1.利用reloadRowsAtIndexPaths:withRowAnimation:来动态改变cell的高度 UITableView的- (void)reloadRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation 这一方法会重新加载所指定indexPaths中的UITableViewCell实例,因为重新加载cell所以会请求这个UITableView实例的dat

04---动态改变Cell的高度

动态改变Cell的高度 1.利用tableView代理方法的返回值决定每一行cell的高度 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 2.UIFont // 返回字体的行高 * [UIFont systemFontOfSize:10].lineHeight 3.动态改变cell的高度例子 #pragma mark - 返回每一行cell的高度 - (

仿映客客户端、TableView多种动画效果、边缘返回手势等源码

iOS精选源码 相册多选框架 zhPopupController 简单快捷弹出自定义视图 tableView实现多种动画效果 自定义动画的PageControl 展示tableView和collectionView的结构,框架CHD_ListView_Structure RxSwift+Moya+ObjectMapper优雅的网络请求级模型转换 多种指示器文字效果源码SGPagingView react-native低仿映客直播客户端 支持iOS/Android ScreenEdgePanGes

TableView cell自适应高度-----xib

1.通过xib创建一个cell,将label进行上左下右,进行适配, self.automaticallyAdjustsScrollViewInsets = NO; self.edgesForExtendedLayout = UIRectEdgeNone;//将原点移动到navigationBar下面去了 tableView.estimatedRowHeight = 37.0;//估计cell的高度 tableView.rowHeight = UITableViewAutomaticDimens

CSS3实现动画效果常用方法

早期在web中要实现动画效果,都是依赖于JavaScript或flash来完成,但在CSS3中新增加了一个新的模块transition,它可以通过一些简单的css事件来触发元素的外观变化,让效果显得更加细腻.简单来说,就是通过鼠标的单击.获得焦点.被点击.或对元素任何改变中触发,并平滑地以动画效果改变css属性值 在css中创建简单的过渡效果可以从以下几个步骤来实现 (1)在默认样式中声明元素的初始状态样式 (2)声明过渡元素最终状态样式,比如悬浮状态 (3)在默认样式中通过添加过渡函数,添加一

自定义cell的步骤(每个cell的高度不一样,每个cell里面显示的内容也不一样)

1.新建一个继承自UITableViewCell的子类  2. 在initWithStyle:方法中进行子控件的初始化 1> 将有可能显示的所有子控件都添加到contentView中 2> 顺便设置子控件的一些属性(一次性的设置:字体.文字颜色.背景   3. 提供2个模型 1> 一个是数据模型(文字数据 + 图片数据) 2> 一个是frame模型(数据模型 + 所有子控件的frame + cell的高度)   4. cell应该提供一个frame模型属性 1> 将frame

iOS8新特性 计算 cell 的高度

http://tutuge.me/2015/08/08/autolayout-example-with-masonry2/ 1.tableview: 自动计算 tableVIew 的 cell 的高度: 1. 创建 tableview 的时候: tableview.rowHeight = UITableViewAutomaticDimension;(自动获取 cell 的高度) 2. 在heightForRowAtIndexPath: 方法中直接返回:UITableViewAutomaticDi

CSS3中的动画效果记录

今天要记录的是CSS3中的三种属性transform.transition以及animation,这三个属性大大提升了css处理动画的能力. 一.Transform 变形 CSS中transform 属性允许你修改CSS可视化模型的坐标控件.使用transform,元素可以安装设定的值变形.旋转.缩放.倾斜. 语法: transform : none | <transform-function> [ <transform-function> ]* 也就是: transform: r