基于网络的客户端开发技巧——第三篇上下拖动切换页面
2011-05-23 11:32
330 查看
这次来说说像reeder那样上下拖动切换的效果是如何做的。
如何触发这里就不多说了,靠contentofset也可以,按钮也可以。
这里主要介绍一下这种效果的3种做法,各有好处。
第一种:如图一。提前预加载好3个view,比如往下翻的时候,就将view C 移到view B,view B移到view A, view
A重新加载。这样做的好处就是展示的效果比较好,可控性高。代码见http://www.minroad.com/?p=286
图1
第二种方法:利用tableview来做。在tableview的一层中套入一个view,同样预加载view A B C
,每一次都只要把要显示view加入到tableview中的view上,并利用reload
cell来刷新一下。这种做的好处就是简单,对代码水平要求不高,但是与第一次效果相比略显粗糙,可扩展性不强。
比如要将下拖的时候,将cell2中的view B删除,加入view C,然后调用
NSIndexPath
*path = [
NSIndexPath
indexPathForRow:1
inSection:
0
]; //指向cell2的path
[
self
.
tableview
reloadRowsAtIndexPaths:[
NSArray
arrayWithObject:path]
withRowAnimation:
UITableViewRowAnimationBottom];//刷新
图2
第三种方法:同样是tableview,但是这次不需要预加载,优点就是对于tableview相当实用,处理也比较简单。缺点同方法二,见图3.
比如要将cell1 cell2 cell3向前滚动,用cell4,cell5,cell6代替。可以执行以下代码
[
self
.
tableview
beginUpdates];
NSIndexPath
*path1 = [
NSIndexPath
indexPathForRow:
0
inSection:
0
];
NSIndexPath
*path2 = [
NSIndexPath
indexPathForRow:
1
inSection:
0
];
NSIndexPath
*path3 = [
NSIndexPath
indexPathForRow:
2
inSection:
0
];
//更新tableview delegate中的数据,cell数量等于删除之后的数量相同,否则会出错
[self.tableview deleteRowsAtIndexPaths:[NSArray
arrayWithObjects:path1,path2,path3,nil] withRowAnimation:UITableViewRowAnimationTop];
//更新tableview delegate datasource,cell的数量是添加之后的,同时数据是新的
[self.tableview insertRowsAtIndexPaths:[NSArray
arrayWithObjects:path1,path2,path3,nil] withRowAnimation:UITableViewRowAnimationTop];
[
self
.
tableview
endUpdates];
这样相当于把原来该是cell4,cell5,cell6中的数据从下向上到cell1,cell2,cell3的位置。
图3
如何触发这里就不多说了,靠contentofset也可以,按钮也可以。
这里主要介绍一下这种效果的3种做法,各有好处。
第一种:如图一。提前预加载好3个view,比如往下翻的时候,就将view C 移到view B,view B移到view A, view
A重新加载。这样做的好处就是展示的效果比较好,可控性高。代码见http://www.minroad.com/?p=286
图1
第二种方法:利用tableview来做。在tableview的一层中套入一个view,同样预加载view A B C
,每一次都只要把要显示view加入到tableview中的view上,并利用reload
cell来刷新一下。这种做的好处就是简单,对代码水平要求不高,但是与第一次效果相比略显粗糙,可扩展性不强。
比如要将下拖的时候,将cell2中的view B删除,加入view C,然后调用
NSIndexPath
*path = [
NSIndexPath
indexPathForRow:1
inSection:
0
]; //指向cell2的path
[
self
.
tableview
reloadRowsAtIndexPaths:[
NSArray
arrayWithObject:path]
withRowAnimation:
UITableViewRowAnimationBottom];//刷新
图2
第三种方法:同样是tableview,但是这次不需要预加载,优点就是对于tableview相当实用,处理也比较简单。缺点同方法二,见图3.
比如要将cell1 cell2 cell3向前滚动,用cell4,cell5,cell6代替。可以执行以下代码
[
self
.
tableview
beginUpdates];
NSIndexPath
*path1 = [
NSIndexPath
indexPathForRow:
0
inSection:
0
];
NSIndexPath
*path2 = [
NSIndexPath
indexPathForRow:
1
inSection:
0
];
NSIndexPath
*path3 = [
NSIndexPath
indexPathForRow:
2
inSection:
0
];
//更新tableview delegate中的数据,cell数量等于删除之后的数量相同,否则会出错
[self.tableview deleteRowsAtIndexPaths:[NSArray
arrayWithObjects:path1,path2,path3,nil] withRowAnimation:UITableViewRowAnimationTop];
//更新tableview delegate datasource,cell的数量是添加之后的,同时数据是新的
[self.tableview insertRowsAtIndexPaths:[NSArray
arrayWithObjects:path1,path2,path3,nil] withRowAnimation:UITableViewRowAnimationTop];
[
self
.
tableview
endUpdates];
这样相当于把原来该是cell4,cell5,cell6中的数据从下向上到cell1,cell2,cell3的位置。
图3
相关文章推荐
- 基于网络的客户端开发技巧——第三篇上下拖动切换页面
- 基于网络的客户端开发技巧——第一篇
- 基于网络的客户端开发技巧——第二篇Webview及正则
- 基于网络的客户端开发技巧——第四篇多账号的处理与注重细节
- 基于网络的客户端开发技巧——第五篇透过现象看本质
- 基于网络的客户端开发技巧——第七篇后台上传
- iphone基于网络的客户端开发技巧——后台上传
- iOS开发------仿知乎上下滑动切换页面
- Windows Phone 实用开发技巧(9):自定义Windows Phone 页面切换动画
- 基于Hadoop开发网络云盘系统客户端界面设计初稿
- Windows Phone 实用开发技巧(9):自定义Windows Phone 页面切换动画
- Windows Phone 实用开发技巧(9):自定义Windows Phone 页面切换动画
- 基于Hadoop开发网络云盘系统客户端界面设计初稿
- 基于Agile Lite开发框架实现底部导航切换页面
- 页面开发技巧 asp.net控件事件 以维持滚动位置 客户端回调
- 微信小程序开发常用技巧(5)——view左右滑动,切换page页面
- 基于Metronic的Bootstrap开发框架经验总结(13)--页面链接收藏夹功能的实现2(利用Sortable进行拖动排序)
- 基于Hadoop开发网络云盘系统客户端界面设计初稿
- Windows Phone 实用开发技巧(9):自定义Windows Phone 页面切换动画
- Windows Phone 实用开发技巧(9):自定义Windows Phone 页面切换动画 推荐