当我在 android 上搜索 pinterest 样式布局时,我在下面找到了一个帖子。
http://www.rahuljiresal.com/2014/03/pinterest-style-layout-on-android/
然后我选择使用 AndroidStaggeredGrid 库作为他的推荐。
但它没有提供拉动刷新功能。
所以我决定将 etsy 的 AndroidStaggeredGrid 与 Chris Banes 的 Android-PullToRefresh 结合起来。
etsy 的 AndroidStaggeredGrid
https://github.com/etsy/AndroidStaggeredGrid
Chris Banes 的 Android-PullToRefresh
https://github.com/chrisbanes/Android-PullToRefresh
在这里,我将介绍我是如何组合这些库的。
(1) 在 etsy 的 AndroidStaggeredGrid 上,
StaggeredGridView 在使用 PullToRefresh 时存在问题。
我打开了这个问题
https://github.com/etsy/AndroidStaggeredGrid/issues/177
StaggeredGridView.java
@Override
protected void onSizeChanged(int w, int h) {
super.onSizeChanged(w, h);
// add below code in order to avoid shrinking width while being wrapped by PullToRefresh.
if(w <= 0 || h <= 0) {
return;
}
(2) 在 Chris Banes 的 Android-PullToRefresh 上,
创建 PullToRefreshStaggeredView 文件,代码如下。
PullToRefreshStaggeredView.java
package com.handmark.pulltorefresh.library;
import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build.VERSION;
import android.os.Build.VERSION_CODES;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import com.etsy.android.grid.StaggeredGridView;
import com.handmark.pulltorefresh.library.internal.EmptyViewMethodAccessor;
public class PullToRefreshStaggeredView extends PullToRefreshAdapterViewBase<StaggeredGridView> {
public PullToRefreshStaggeredView(Context context) {
super(context);
}
public PullToRefreshStaggeredView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public PullToRefreshStaggeredView(Context context, Mode mode) {
super(context, mode);
}
public PullToRefreshStaggeredView(Context context, Mode mode, AnimationStyle style) {
super(context, mode, style);
}
@Override
public final Orientation getPullToRefreshScrollDirection() {
return Orientation.VERTICAL;
}
@Override
public void setAdapter(ListAdapter adapter) {
((StaggeredGridView) mRefreshableView).setAdapter(adapter);
}
@Override
protected final StaggeredGridView createRefreshableView(Context context, AttributeSet attrs) {
final StaggeredGridView gv;
if (VERSION.SDK_INT >= VERSION_CODES.GINGERBREAD) {
gv = new InternalStaggeredGridViewSDK9(context, attrs);
} else {
gv = new InternalStaggeredGridView(context, attrs);
}
// Use Generated ID (from res/values/ids.xml)
gv.setId(R.id.gridview);
return gv;
}
class InternalStaggeredGridView extends StaggeredGridView implements EmptyViewMethodAccessor {
public InternalStaggeredGridView(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public void setEmptyView(View emptyView) {
PullToRefreshStaggeredView.this.setEmptyView(emptyView);
}
@Override
public void setEmptyViewInternal(View emptyView) {
super.setEmptyView(emptyView);
}
}
@TargetApi(9)
final class InternalStaggeredGridViewSDK9 extends InternalStaggeredGridView {
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(PullToRefreshStaggeredView.this, deltaX, scrollX, deltaY, scrollY, isTouchEvent);
return returnValue;
}
}
}
(3) 在您的应用程序上,
使用活动对其进行测试。
PullToRefreshStaggeredListActivity.java
public class PullToRefreshStaggeredListActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.pull_to_refresh_staggered_list);
PullToRefreshStaggeredView listview = (PullToRefreshStaggeredView) findViewById(R.id.list);
StaggeredGridView staggeredView
= (StaggeredGridView) ((PullToRefreshAdapterViewBase<?>) listview).getRefreshableView();
// add header
View header = getLayoutInflater().inflate(R.layout.header, null, false);
staggeredView.addHeaderView(header);
// add footer
View footer = getLayoutInflater().inflate(R.layout.footer, null, false);
staggeredView.addFooterView(footer);
// set adapter
listview.setAdapter(new MyAdapter());
}
}
pull_to_refresh_staggered_list.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<com.handmark.pulltorefresh.library.PullToRefreshStaggeredView
xmlns:ptr="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:alwaysDrawnWithCache="true"
android:background="#10ffff00"
app:column_count="3"
app:item_margin="8dp"
ptr:ptrHeaderBackground="#10ff00ff" />
</LinearLayout>