EGORefreshTableHeaderView —— UITableView下拉刷新页面的实现

以前看到facebook,人人和其他的一些应用,很多都使用了下拉列表,列表就重新加载数据的应用.感觉用户体验很好,但是一直没有时间找相应的解决方法,今天终于有时间整理一下代码:

下图是实现的效果图,当用户下拉列表的时候,就出现向上的箭头.

image image

实现的开源框架是:https://github.com/enormego/EGOTableViewPullRefresh

实现过程很简单,下载相应的demo,然后拷贝资源文件和EGORefreshTableHeaderView.h和EGORefreshTableHeaderView.m到相依的工程中.在table所在的类中添加如下代码:

01 #import <UIKit/UIKit.h>
02 #import "EGORefreshTableHeaderView.h"
03 <a href="http://my.oschina.net/interface" class="referer"target="_blank">@interface</a> iphone_navtaViewController : UIViewController
04 <UITableViewDelegate,UITableViewDataSource,EGORefreshTableHeaderDelegate>{
05     BOOL isflage;
06     IBOutlet UITableView *myTableView;
07    EGORefreshTableHeaderView *_refreshHeaderView;
08     BOOL _reloading;
09 }
10 @property (nonatomic,retain) UITableView *myTableView;
11 - (void)reloadTableViewDataSource;
12 - (void)doneLoadingTableViewData;
13 @end

实现方法:

01 #import "iphone_navtaViewController.h"
02 @implementation iphone_navtaViewController
03 @synthesize myTableView;
04 - (void)viewDidLoad {
05     [super viewDidLoad];
06     if (_refreshHeaderView == nil) {
07         EGORefreshTableHeaderView *view1 = [[EGORefreshTableHeaderView alloc] initWithFrame:CGRectMake(0.0f, 10.0f – self.myTableView.bounds.size.height, self.myTableView.frame.size.width, self.view.bounds.size.height)];
08         view1.delegate = self;
09         [self.myTableView addSubview:view1];
10         _refreshHeaderView = view1;
11         [view1 release];
12     }
13     [_refreshHeaderView refreshLastUpdatedDate];
14 }
15 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
16     return (interfaceOrientation == UIInterfaceOrientationPortrait);
17 }
18 - (void)didReceiveMemoryWarning {
19     [super didReceiveMemoryWarning];
20 }
21 - (void)viewDidUnload {
22     self.myTableView=nil;
23     _refreshHeaderView=nil;
24 }
25 - (void)dealloc {
26     _refreshHeaderView=nil;
27     [self.myTableView release];
28     [super dealloc];
29 }
30 #pragma mark –
31 #pragma mark onClick
32 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
33 {
34       isflage=!isflage;
35     [super.navigationController setNavigationBarHidden:isflage animated:TRUE];
36     [super.navigationController setToolbarHidden:isflage animated:TRUE];
37 }
38 #pragma mark –
39 #pragma mark UITableView
40 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
41     return 1;
42 }
43 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
44     return 3;
45 }
46 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
47     UITableViewCell* cell = [tableView dequeueReusableCellWithIdentifier:@"tag"];
48     if (cell==nil) {
49         cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle
50                                        reuseIdentifier:@"tag"] autorelease];
51     }
52     //表格设计
53     return cell;
54 }
55 -(CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
56 {
57     return 100;
58 }
59  
60 #pragma mark –
61 #pragma mark Data Source Loading / Reloading Methods
62  
63 - (void)reloadTableViewDataSource{
64     NSLog(@"==开始加载数据");
65     _reloading = YES;
66 }
67  
68 - (void)doneLoadingTableViewData{
69     NSLog(@"===加载完数据");
70     _reloading = NO;
71     [_refreshHeaderView egoRefreshScrollViewDataSourceDidFinishedLoading:self.myTableView];
72 }
73 #pragma mark –
74 #pragma mark UIScrollViewDelegate Methods
75 - (void)scrollViewDidScroll:(UIScrollView *)scrollView{  
76     [_refreshHeaderView egoRefreshScrollViewDidScroll:scrollView];
77 }
78  
79 - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
80     [_refreshHeaderView egoRefreshScrollViewDidEndDragging:scrollView];
81 }
82 #pragma mark –
83 #pragma mark EGORefreshTableHeaderDelegate Methods
84 - (void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView*)view{
85     [self reloadTableViewDataSource];
86     [self performSelector:@selector(doneLoadingTableViewData) withObject:nil afterDelay:3.0];
87 }
88  
89 - (BOOL)egoRefreshTableHeaderDataSourceIsLoading:(EGORefreshTableHeaderView*)view{
90     return _reloading;
91 }
92 - (NSDate*)egoRefreshTableHeaderDataSourceLastUpdated:(EGORefreshTableHeaderView*)view{
93     return [NSDate date];   
94 }
95 @end

一个最重要的步骤,就是要添加QuartzCore.framework组建。

然后运行即可。

文章出处:http://wangjun.easymorse.com/?p=1193




下载前可以先看下教程 https://pan.quark.cn/s/a4b39357ea24 在网页构建过程中,表单(Form)扮演着用户与网站之间沟通的关键角色,其主要功能在于汇集用户的各类输入信息。 JavaScript作为网页开发的核心技术,提供了多样化的API和函数来操作表单组件,诸如input和select等元素。 本专题将详细研究如何借助原生JavaScript对form表单进行视觉优化,并对input输入框与select下拉框进行功能增强。 一、表单基础1. 表单组件:在HTML语言中,<form>标签用于构建一个表单,该标签内部可以容纳多种表单组件,包括<input>(输入框)、<select>(下拉框)、<textarea>(多行文本输入区域)等。 2. 表单参数:诸如action(表单提交的地址)、method(表单提交的协议,为GET或POST)等属性,它们决定了表单的行为特性。 3. 表单行为:诸如onsubmit(表单提交时触发的动作)、onchange(表单元素值变更时触发的动作)等事件,能够通过JavaScript进行响应式处理。 二、input元素视觉优化1. CSS定制:通过设定input元素的CSS属性,例如border(边框)、background-color(背景色)、padding(内边距)、font-size(字体大小)等,能够调整其视觉表现。 2. placeholder特性:提供预填的提示文字,以帮助用户明确输入框的预期用途。 3. 图标集成:借助:before和:after伪元素或者额外的HTML组件结合CSS定位技术,可以在输入框中嵌入图标,从而增强视觉吸引力。 三、select下拉框视觉优化1. 复选功能:通过设置multiple属性...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值