当前位置: 代码迷 >> Android >> Android GridView展示一行,左右滑动
  详细解决方案

Android GridView展示一行,左右滑动

热度:91   发布时间:2016-04-28 07:37:11.0
Android GridView显示一行,左右滑动

最近项目需要用到这个功能,研究了一下,实现过程如下:

gridViewAdapter = new GridViewAdapter(mContext, list1);

			ViewGroup.LayoutParams params = gridview.getLayoutParams();			params.width = DensityUtil.dip2px(mContext, 101) * list1.size();			gridview.setLayoutParams(params);			gridview.setNumColumns(list1.size());			gridview.setAdapter(gridViewAdapter);

gridViewAdapter是自定义的一个adapter,gridview即需要显示的Gridview,list1为数据源。

DensityUtil代码如下:

public class DensityUtil {      /**      * 根据手机的分辨率从 dp 的单位 转成为 px(像素)      */      public static int dip2px(Context context, float dpValue) {          final float scale = context.getResources().getDisplayMetrics().density;          return (int) (dpValue * scale + 0.5f);      }        /**      * 根据手机的分辨率从 px(像素) 的单位 转成为 dp      */      public static int px2dip(Context context, float pxValue) {          final float scale = context.getResources().getDisplayMetrics().density;          return (int) (pxValue / scale + 0.5f);      }  }
layout里定义Gridview:

 <HorizontalScrollView                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:scrollbars="none"                android:layout_marginTop="@dimen/normalPadding" >                <LinearLayout                    android:id="@+id/liear"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:orientation="horizontal">                    <GridView                        android:id="@+id/gridview"                        android:layout_width="match_parent"                        android:layout_height="match_parent"                        android:cacheColorHint="#00000000"                        android:columnWidth="100dp"                        android:gravity="center"                        android:horizontalSpacing="1.0dip"                        android:listSelector="#00000000"                        android:numColumns="auto_fit"                        android:stretchMode="spacingWidthUniform"                        android:verticalSpacing="1.0dip" />                </LinearLayout>            </HorizontalScrollView>

GridView的样式gridview_item.xml:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:padding="3dp" >    <ImageView        android:id="@+id/ImageIcon"        android:layout_width="100dp"        android:layout_height="90dp"        android:src="@drawable/card_detaild_small"        android:scaleType="fitXY" /></RelativeLayout>

注意:代码里给的宽度比gridview_item.xml的宽度多1,即101,这样显示比较好看一下,不会因为过窄而显示不全。

  相关解决方案