Android GridView显示一行,左右滑动

最新推荐文章于 2025-05-22 09:12:31 发布

原创最新推荐文章于 2025-05-22 09:12:31 发布 · 5.6k 阅读

3 ·

CC 4.0 BY-SA版权

android 同时被 2 个专栏收录

40 篇文章

订阅专栏

学习

35 篇文章

订阅专栏

本文介绍了如何在Android中实现GridView只显示一行并支持左右滑动的效果，通过使用自定义Adapter和DensityUtil工具类来调整布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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，这样显示比较好看一下，不会因为过窄而显示不全。