我正在使用垂直StaggeredGridLayoutManager来显示一些缩略图.每行包含1英寸宽和150度高的卡片视图.我的问题是如何设置交错网格跨度计数以使用屏幕的可用物理宽度?
CardViewRow.xml
- <?xml version="1.0" encoding="utf-8"?>
- <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:card_view="http://schemas.android.com/apk/res-auto"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_margin="5dp"
- android:orientation="vertical"
- card_view:cardCornerRadius="0dp"
- card_view:cardUseCompatPadding="true" >
- <LinearLayout
- android:gravity="center"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:background="@drawable/card_selector"
- android:orientation="vertical">
- <FrameLayout
- android:layout_width="match_parent"
- android:layout_height="match_parent">
- <ImageView
- android:id="@+id/thumbnail"
- android:layout_width="300dp"
- android:layout_height="150dp"
- android:scaleType="centerCrop"/>
- <LinearLayout
- android:weightSum="2"
- android:padding="5dp"
- android:layout_gravity="bottom"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:orientation="horizontal"
- android:background="#80000000">
- <TextView
- android:id="@+id/size_txt"
- android:layout_weight="1"
- android:textSize="12sp"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="@color/silver"
- android:gravity="left"/>
- <TextView
- android:layout_weight="1"
- android:gravity="right"
- android:textColor="@color/silver"
- android:id="@+id/time_txt"
- android:textSize="12sp"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"/>
- </LinearLayout>
- <View
- android:id="@+id/selector"
- android:visibility="invisible"
- android:background="#950096ff"
- android:layout_width="match_parent"
- android:layout_height="match_parent">
- </View>
- </FrameLayout>
- <TextView
- android:id="@+id/title_txt"
- android:padding="8dp"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:maxLines="5" />
- </LinearLayout>
- </android.support.v7.widget.CardView>
目前我正在使用此代码. (致谢:mstrengis)
- DisplayMetrics metrics = new DisplayMetrics();
- getWindowManager().getDefaultDisplay().getMetrics(metrics);
- int cardWidth =(int) metrics.xdpi; //CardWidth==1Inch.
- int spans = (int) Math.floor(mRecyclerView.getContext().getResources().getDisplayMetrics().widthPixels / (float) cardWidth);
- sglm.setSpanCount(spans);
/ *这完全适用于我的nexus 5和三星标签,但在我的lenovo手机上,卡宽度小于1.5CM,跨度计数超出我的预期.* /
解决方法
- int spans = (int) Math.floor(recyclerView.getContext().getResources().getDisplayMetrics().widthPixels / (float) cardWidth);
- RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
- if(layoutManager instanceof StaggeredGridLayoutManager) {
- ((StaggeredGridLayoutManager) layoutManager).setSpanCount(spans);
- }
然后使用RecyclerView.ItemDecoration在跨距之间添加间距