android之实现Gridview两行水平滑动

实现GridView两行水平滑动，在水平滑动的控件中嵌套GridView，可以水平滑动

效果如下：

微信图片_20190211142927.png

1、布局如下：

       <HorizontalScrollView
            android:id="@+id/scrollView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/white"
            android:scrollbars="none"
            >
            <LinearLayout
                android:id="@+id/linearLayout1"
                android:layout_marginTop="20dp"
                android:layout_marginBottom="20dp"
                android:background="@color/white"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >

                <com.mingdian.kerenhao.view.MyGridView
                    android:id="@+id/style_shop_grid"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@color/white"
                    android:verticalSpacing="10dp"
                    android:horizontalSpacing="20dp"
                    android:stretchMode="columnWidth"
                    >
                </com.mingdian.kerenhao.view.MyGridView>
            </LinearLayout>
        </HorizontalScrollView>

2、自定义的GridView如下：MyGridView

  public class MyGridView extends GridView {

public MyGridView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

public MyGridView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public MyGridView(Context context) {
    super(context);
}

/**
 * 其中onMeasure函数决定了组件显示的高度与宽度；
 * makeMeasureSpec函数中第一个函数决定布局空间的大小，第二个参数是布局模式
 * MeasureSpec.AT_MOST的意思就是子控件需要多大的控件就扩展到多大的空间
 */
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
            MeasureSpec.AT_MOST);
    super.onMeasure(widthMeasureSpec, expandSpec);
}

}

3、MallStyleGridViewAdapter 的实现，item里面的布局一张图片和汉字组成

  <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:background="@color/white"
    android:paddingBottom="5dp"
  android:paddingTop="5dp"
  android:layout_height="wrap_content">

  <ImageView
    android:id="@+id/mall_style_img"
    android:layout_width="match_parent"
    android:src="@mipmap/business_menu"
    android:layout_height="32dp" />

<TextView
    android:id="@+id/mall_style_name"
    android:layout_width="match_parent"
    android:gravity="center"
    android:textSize="10sp"
    android:text="素材"
    android:layout_height="wrap_content" />

</LinearLayout>

4、给gridview设置适配器

MallStyleGridViewAdapter   styleAdapter = new MallStyleGridViewAdapter(this, lisStyleDatas);
  styleGridView.setAdapter(styleAdapter);

其中的 数据源 是 lisStyleDatas，MenuBean是一个对象

 private ArrayList<MenuBean> lisStyleDatas = new ArrayList();

5、主要实现的代码如下，主要是GridView中每行显示的数据的处理，获取的数据源之后对gridview的处理

      DisplayMetrics dm;
private int NUM = 0; // 每行显示个数
private void fillStyleGrid(ArrayList<MenuBean> lisStyleDatas) {
    getScreenDen();
    LogHelper.d(TAG, "------size----" + lisStyleDatas.size());
    // homeReqAdapter.updata(context, typeBean.data);//这是我定义的adapter加载数据，
    styleAdapter.notifyDataSetChanged();
    int count = styleAdapter.getCount();

    if (count<5) {
        NUM = count ;
        columns = count;
    }else {
        NUM = count / 2;
         columns = (count % 2 == 0) ? count / 2 : count / 2 + 1;

    }
    styleGridView.setAdapter(styleAdapter);

    LogHelper.d(TAG, "------size--dm.widthPixels---" + dm.widthPixels);
    LogHelper.d(TAG, "------size--columns----" + columns);
    LogHelper.d(TAG, "------size--columns----" + NUM);
    LogHelper.d(TAG, "------size--widthPixels----" + 2 * dm.widthPixels / NUM);
    // LinearLayout.LayoutParams params = new LinearLayout.LayoutParams((2*dm.widthPixels / NUM+20)*columns,
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(dm.widthPixels / 5 * columns,
            LinearLayout.LayoutParams.WRAP_CONTENT);
    styleGridView.setLayoutParams(params);
    //styleGridView.setColumnWidth(2*dm.widthPixels / NUM);

    styleGridView.setColumnWidth(dm.widthPixels / 7);

    //styleGridView.setHorizontalSpacing(20);
    styleGridView.setStretchMode(GridView.NO_STRETCH);
    if (count <= 3) {
        styleGridView.setNumColumns(count);
    } else {
        styleGridView.setNumColumns(columns);
    }
}

private void getScreenDen() {
    dm = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(dm);
}

这样就可以实现gridview两行水平滑动的