设置拉刷新交错网格视图 [英] Set up pull to refresh for Staggered Grid View
问题描述
我使用交错网格视图 - 主图书馆像下发展Pinterest的观点，我在相当成功。但现在我想要实现拉我的应用程序内刷新。我一直在使用图书馆从 johannilsson 但多年平均值包括拉来刷新交错的网格视图。我一直在使用code是这样的：
I am using Staggered Grid View-Master Library to develope the view like Pinterest and I'm quite successful in that. But now I want to implement Pull to refresh within my app. I have been using Library from johannilsson but that doesnot includes pull to refresh for staggered Grid Views. The code I have been using is this :
((PullToRefreshListView)getListView()).setOnRefreshListener(new OnRefreshListener() {
@Override
public void onRefresh() {
// Do work to refresh the list here.
new GetDataTask().execute();
}
});
adapter = new StaggeredAdapter(AllContestsList.this, R.id.imageView1, arrContest,false,false,false);
gridView.setAdapter(adapter);
adapter.notifyDataSetChanged();
帮助将AP preciated，谢谢你。
Help would be appreciated , Thank you.
推荐答案
我面临着类似的问题。我发现这个承诺上拉，刷新GIT https://github.com/chrisbanes/ Android的PullToRefresh /拉/ 230 /文件。不幸的是，我无法在库中找到它。所以我复制的文件到我的项目和更新。这里是类：
I faced similar issue. I found this commit in pull to refresh GIT https://github.com/chrisbanes/Android-PullToRefresh/pull/230/files. Unfortunately, I could not find it in the library. So I copied the file to my project and update it. Here is the class:
import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build.VERSION;
import android.os.Build.VERSION_CODES;
import android.os.Bundle;
import android.util.AttributeSet;
import android.view.View;
import com.handmark.pulltorefresh.library.OverscrollHelper;
import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.R;
import com.origamilabs.library.views.StaggeredGridView;
public class PullToRefreshStaggeredGridView extends PullToRefreshBase<StaggeredGridView> {
private static final OnRefreshListener<StaggeredGridView> defaultOnRefreshListener = new OnRefreshListener<StaggeredGridView>() {
@Override
public void onRefresh(PullToRefreshBase<StaggeredGridView> refreshView) {
}
};
public PullToRefreshStaggeredGridView(Context context) {
super(context);
/**
* Added so that by default, Pull-to-Refresh refreshes the page
*/
setOnRefreshListener(defaultOnRefreshListener);
}
public PullToRefreshStaggeredGridView(Context context, AttributeSet attrs) {
super(context, attrs);
/**
* Added so that by default, Pull-to-Refresh refreshes the page
*/
setOnRefreshListener(defaultOnRefreshListener);
}
public PullToRefreshStaggeredGridView(Context context, Mode mode) {
super(context, mode);
/**
* Added so that by default, Pull-to-Refresh refreshes the page
*/
setOnRefreshListener(defaultOnRefreshListener);
}
public PullToRefreshStaggeredGridView(Context context, Mode mode, AnimationStyle style) {
super(context, mode, style);
/**
* Added so that by default, Pull-to-Refresh refreshes the page
*/
setOnRefreshListener(defaultOnRefreshListener);
}
@Override
public final Orientation getPullToRefreshScrollDirection() {
return Orientation.VERTICAL;
}
@Override
protected StaggeredGridView createRefreshableView(Context context, AttributeSet attrs) {
StaggeredGridView gridView;
if (VERSION.SDK_INT >= VERSION_CODES.GINGERBREAD) {
gridView = new InternalStaggeredGridViewSDK9(context, attrs);
} else {
gridView = new StaggeredGridView(context, attrs);
}
gridView.setId(R.id.gridview);
return gridView;
}
@Override
protected boolean isReadyForPullStart() {
boolean result = false;
View v = getRefreshableView().getChildAt(0);
if (getRefreshableView().getFirstPosition() == 0) {
if (v != null) {
// getTop() and getBottom() are relative to the ListView,
// so if getTop() is negative, it is not fully visible
boolean isTopFullyVisible = v.getTop() >= 0;
result = isTopFullyVisible;
}
}
return result;
}
@Override
protected boolean isReadyForPullEnd() {
boolean result = false;
int last = getRefreshableView().getChildCount() - 1;
View v = getRefreshableView().getChildAt(last);
int firstVisiblePosition = getRefreshableView().getFirstPosition();
int visibleItemCount = getRefreshableView().getChildCount();
int itemCount = getRefreshableView().getAdapter().getCount();
if (firstVisiblePosition + visibleItemCount >= itemCount) {
if (v != null) {
boolean isLastFullyVisible = v.getBottom() <= getRefreshableView().getHeight();
result = isLastFullyVisible;
}
}
return result;
}
@Override
protected void onPtrRestoreInstanceState(Bundle savedInstanceState) {
super.onPtrRestoreInstanceState(savedInstanceState);
}
@Override
protected void onPtrSaveInstanceState(Bundle saveState) {
super.onPtrSaveInstanceState(saveState);
}
@TargetApi(9)
final class InternalStaggeredGridViewSDK9 extends StaggeredGridView {
// WebView doesn't always scroll back to it's edge so we add some
// fuzziness
static final int OVERSCROLL_FUZZY_THRESHOLD = 2;
// WebView seems quite reluctant to overscroll so we use the scale
// factor to scale it's value
static final float OVERSCROLL_SCALE_FACTOR = 1.5f;
public InternalStaggeredGridViewSDK9(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX,
int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {
final boolean returnValue = super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX,
scrollRangeY, maxOverScrollX, maxOverScrollY, isTouchEvent);
// Does all of the hard work...
// OverscrollHelper.overScrollBy(PullToRefreshStaggeredGridView.this,
// deltaX, scrollX, deltaY, scrollY,
// getScrollRange(), OVERSCROLL_FUZZY_THRESHOLD,
// OVERSCROLL_SCALE_FACTOR, isTouchEvent);
// Does all of the hard work...
OverscrollHelper.overScrollBy(PullToRefreshStaggeredGridView.this, deltaX, scrollX, deltaY,
getScrollRange(), isTouchEvent);
return returnValue;
}
/**
* Taken from the AOSP ScrollView source
*/
private int getScrollRange() {
int scrollRange = 0;
if (getChildCount() > 0) {
View child = getChildAt(0);
scrollRange = Math.max(0, child.getHeight() - (getHeight() - getPaddingBottom() - getPaddingTop()));
}
return scrollRange;
}
}
}
使用它在XML像这样（用你的包替换com。示例）：
Use it in XML like this (replace com.example with your package):
<com.example.PullToRefreshStaggeredGridView
xmlns:ptr="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:stretchMode="columnWidth"
ptr:ptrMode="both"
staggered:itemMargin="10dp"
staggered:numColumns="3" >
</com.example.PullToRefreshStaggeredGridView>
如果您要设置适配器上这个GridView控件，这个code做到这一点：
If you want to set adapter on this gridview, do it with this code:
gridView.getRefreshableView().setAdapter(adapter);
这是所有喜欢。
P.S：如果调用此notifyDataSetChanged GridView控件的适配器上，它会导致视图跳回到榜首的位置。您可以使用这里的解决方案解决它： http://stackoverflow.com/a/5688490/1319519
P.S.: If you call notifyDataSetChanged on the adapter of this gridview, it causes the view jump back to top position. You can fix it with the solution here: http://stackoverflow.com/a/5688490/1319519 .
这篇关于设置拉刷新交错网格视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
