列表下拉/上拉刷新:(三)强制刷新

最新推荐文章于 2025-06-02 03:56:06 发布

转载最新推荐文章于 2025-06-02 03:56:06 发布 · 429 阅读

iOS 专栏收录该内容

115 篇文章

订阅专栏

本文详细介绍了如何在没有下拉拖动时强制显示刷新header，并通过设置滚动区域和改变header状态来实现初次加载数据时的刷新效果。提供了一个在列表界面初次进入时展示顶部刷新header的解决方案，同时讨论了在实际应用中可以替换为空列表或自定义loadingView以提升UI体验。

列表下拉/上拉刷新:(三)强制刷新

分类： iPhone开发 2012-05-14 14:53 2358人阅读评论(3) 收藏举报

uiview scroll header ui table null

一进入列表界面总不能是空的，这时候就要异步获取数据，也就是进行第一次刷新。因此要在这个并没有下拉拖动的时候就强制显示刷新header。

在基类中增加强制刷新接口：

[cpp] view plain copy print ?

// force to refresh
-(void)showRefreshHeader:(BOOL)animated;

// force to refresh
-(void)showRefreshHeader:(BOOL)animated;

实现：

[cpp] view plain copy print ?

-(void)showRefreshHeader:(BOOL)animated{
if (animated)
{
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:0.2];
self.tableView.contentInset = UIEdgeInsetsMake(60.0f, 0.0f, 0.0f, 0.0f);// set the Inset
// scroll the table view to the new top region
[self.tableView scrollRectToVisible:CGRectMake(0, 0.0f, 1, 1) animated:NO];
[UIView commitAnimations];
}
else
{
self.tableView.contentInset = UIEdgeInsetsMake(60.0f, 0.0f, 0.0f, 0.0f);
[self.tableView scrollRectToVisible:CGRectMake(0, 0.0f, 1, 1) animated:NO];
}
if (_refreshHeaderView) {
[_refreshHeaderView showRefreshingHeader:YES];
}
}

-(void)showRefreshHeader:(BOOL)animated{
	if (animated)
	{
		[UIView beginAnimations:nil context:NULL];
		[UIView setAnimationDuration:0.2];
		self.tableView.contentInset = UIEdgeInsetsMake(60.0f, 0.0f, 0.0f, 0.0f);// set the Inset
        // scroll the table view to the new top region
        [self.tableView scrollRectToVisible:CGRectMake(0, 0.0f, 1, 1) animated:NO];	
        [UIView commitAnimations];
	}
	else
	{
		self.tableView.contentInset = UIEdgeInsetsMake(60.0f, 0.0f, 0.0f, 0.0f);
		[self.tableView scrollRectToVisible:CGRectMake(0, 0.0f, 1, 1) animated:NO];
	}
    if (_refreshHeaderView) {
        [_refreshHeaderView showRefreshingHeader:YES];
    }

}

关键点在于：1、设置滚动区域；2、将refreshHeaderView设置为loading状态，从而使其显示刷新中的UI效果。

如上，setState函数是私有方法，还是不要直接改成实例方法的好，毕竟只有这一种情况下需要人为设定状态，因此自己写了个showRefreshingHead的方法，在里面设置状态。

这样就可以在一进入列表，还是空的时候，就显示顶部的refreshHeader。实际应用中，将空列表换成一个自定以的loadingView背景图片之类的，UI效果就更好一些。