Android 自定义GridView网格布局

最新推荐文章于 2021-05-27 01:38:54 发布
最新推荐文章于 2021-05-27 01:38:54 发布
阅读量534 收藏
点赞数
文章标签： 移动开发 python
原文链接：https://my.oschina.net/ososchina/blog/3018471
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

一、需求

Android提供了实现网格布局的GridView，还有RecyclerView等，但是在互相嵌套的问题上冲突很多，尤其是GridView焦点状态转移导致体验相当不好。为了能够在RecyclerView上自动实现网格排列，我们提供了如下方案。

 

​​​​​​​public class AutoFixedHeightGridView extends ViewGroup {

    private BaseAdapter mAdapter;
    private DataSetObserver mDataSetObserver;
    private int columnNums;
    private int columnPadding;
    private int rowPadding;
   
    Map<Integer,Integer> rowMaxHeight = new HashMap<>();

    public AutoFixedHeightGridView(Context context) {
        this(context,null);
    }

    public AutoFixedHeightGridView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public AutoFixedHeightGridView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        final TypedArray a = context.obtainStyledAttributes(
                attrs, R.styleable.AutoFixedHeightGridView, defStyleAttr, 0);
        columnNums = a.getInt(R.styleable.AutoFixedHeightGridView_numColumns, 1);
        int hSpacing = a.getDimensionPixelOffset(
                R.styleable.AutoFixedHeightGridView_horizontalSpacing, 0);
        columnPadding = hSpacing;
        int vSpacing = a.getDimensionPixelOffset(
                R.styleable.AutoFixedHeightGridView_verticalSpacing, 0);
        rowPadding = vSpacing;

        a.recycle();

    }

    public void setAdapter(BaseAdapter mAdapter) {
        if(this.mAdapter!=null &&  mDataSetObserver != null){
            this.mAdapter.unregisterDataSetObserver(mDataSetObserver);
        }
        if(mDataSetObserver==null){
            mDataSetObserver = new GridDataSetObserver(this);
        }


        this.mAdapter = mAdapter;
 
      
        if(this.mAdapter!=null) {
            this.mAdapter.registerDataSetObserver(mDataSetObserver);
            this.mAdapter.notifyDataSetChanged();
        }else{
            datasetChanged();
        }
    }


    public BaseAdapter getAdapter() {
        return mAdapter;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        int rowNums = 0;

        if (widthMode == MeasureSpec.UNSPECIFIED) {
            widthSize = getPaddingLeft() + getPaddingRight();
            if(columnNums>1){
                widthSize += (columnNums-1) * columnPadding;
            }
        }
        if (heightMode == MeasureSpec.UNSPECIFIED) {
            heightSize = getPaddingBottom() + getPaddingTop();

            int contentWidth = widthSize - (getPaddingLeft() + getPaddingRight());
            if (columnNums > 1) {
                contentWidth = contentWidth - (columnNums - 1) * columnPadding;
            }
            int columnWidth = contentWidth / columnNums;

            int count = this.getAdapter() != null ? this.getAdapter().getCount() : 0;
            if (count != getChildCount()) return;

            for (int i = 0; i < getChildCount(); i++) {
                final View child = getChildAt(i);
                LayoutParams params = (LayoutParams) child.getLayoutParams();
                params.rightMargin = 0;
                params.leftMargin = 0;

                int childHeightSpec = getChildMeasureSpec(
                        MeasureSpec.makeMeasureSpec(MeasureSpec.getSize(heightMeasureSpec),
                                MeasureSpec.UNSPECIFIED), 0, params.height);
                int childWidthSpec = getChildMeasureSpec(
                        MeasureSpec.makeMeasureSpec(columnWidth, MeasureSpec.EXACTLY), 0, columnWidth);
                child.measure(childWidthSpec, childHeightSpec);

                int childHeight = child.getMeasuredHeight();

                if (i % columnNums == 0 && i > 1) {
                    rowNums++;
                }
                Integer lastMaxHeight = rowMaxHeight.get(rowNums);
                if (lastMaxHeight == null) {
                    lastMaxHeight = 0;
                }
                rowMaxHeight.put(rowNums, Math.max(lastMaxHeight, childHeight));
            }

            int rowCount = (int) Math.ceil(count * 1.0f / columnNums);
            for (int i = 0; i < rowCount; i++) {
                heightSize += rowMaxHeight.get(i);
            }
            if (rowCount > 1) {
                heightSize += (rowCount - 1) * rowPadding;
            }
        }else{

            int contentWidth = widthSize - (getPaddingLeft() + getPaddingRight());
            if (columnNums > 1) {
                contentWidth = contentWidth - (columnNums - 1) * columnPadding;
            }
            int columnWidth = contentWidth / columnNums;
            int count = this.getAdapter() != null ? this.getAdapter().getCount() : 0;
            if (count != getChildCount()) return;

            for (int i = 0; i < getChildCount(); i++) {
                final View child = getChildAt(i);
                LayoutParams params = (LayoutParams) child.getLayoutParams();
                params.rightMargin = 0;
                params.leftMargin = 0;
                int childHeightSpec = getChildMeasureSpec(
                        MeasureSpec.makeMeasureSpec(MeasureSpec.getSize(heightMeasureSpec),
                                MeasureSpec.UNSPECIFIED), 0, heightSize);
                int childWidthSpec = getChildMeasureSpec(
                        MeasureSpec.makeMeasureSpec(columnWidth, MeasureSpec.EXACTLY), 0, columnWidth);
                child.measure(childWidthSpec, childHeightSpec);
            }

        }


        setMeasuredDimension(widthSize, heightSize);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int count = this.getAdapter()!=null?this.getAdapter().getCount():0;
        int rowCount = 0;
        int nextChildLeft = getPaddingLeft();
        int nextChildTop = getPaddingTop();
        int contentWidth = getMeasuredWidth() - (getPaddingLeft() + getPaddingRight());
        if(columnNums>1){
            contentWidth = contentWidth - (columnNums-1) * columnPadding;
        }
        int columnWidth = contentWidth /columnNums;
        if(count!=getChildCount()) return;
        for (int i=0;i<count;i++){
            final View child = getChildAt(i);

            if(i>0 && i%columnNums==0){
                Integer H = rowMaxHeight.get(rowCount);

                rowCount++;
                nextChildLeft = getPaddingLeft();
                if(H==null){
                    H = 0;
                }
                nextChildTop = nextChildTop +H + rowPadding;

            }
               child.layout(nextChildLeft,nextChildTop,nextChildLeft+columnWidth,nextChildTop+child.getMeasuredHeight());
               nextChildLeft = nextChildLeft+child.getMeasuredWidth() + columnPadding ;
        }
    }

    protected void datasetChanged() {

        if(this.mAdapter==null){
            removeAllViews();
            return;
        }
        final int count = this.mAdapter.getCount();
        for (int i=0;i<count;i++){
            View convertView = null;
            final int viewTypeCount = this.mAdapter.getViewTypeCount();
            final int viewType = this.mAdapter.getItemViewType(i);
            if(viewType>viewTypeCount) {
                throw  new IllegalArgumentException("viewType is correct");
            }
             View view = null;
            if(i<getChildCount()){
                 int type = LayoutParams.TYPE_UNDFINED;
                 convertView = getChildAt(i);
                 if(convertView!=null){
                      type = ((LayoutParams)convertView.getLayoutParams()).getViewType();
                }else {
                      type = LayoutParams.TYPE_UNDFINED;
                }
                if(type!=viewType){
                    view = this.mAdapter.getView(i, null, this);
                    if(convertView!=null) {
                        removeViewsInLayout(i,1);//使用removeViewInLayout避免频繁刷新，最后统一调用requestLayout
                        addViewInLayout(view, i); //使用addViewInLayout避免频繁刷新，最后统一调用requestLayout
                    }else{
                        addViewInLayout(view,1);
                    }
                }else{
                    view = this.mAdapter.getView(i, convertView, this);
                    if(convertView!=null  && view!=convertView){
                        removeViewsInLayout(i,1);
                        addViewInLayout(view,i);
                    }
                }
            }else{
                view = this.mAdapter.getView(i, convertView, this);
                 addViewInLayout(view);
            }
            if(view!=null){
               ((LayoutParams)(view.getLayoutParams())).viewType = viewType;
            }
           
        }

          int delta = getChildCount() - count;
          if(delta>0){
                removeViewsInLayout(getChildCount()-delta,delta);
          }
         rquestLayout();
         invalidate();

    }

   protected void addViewInLayout(View child){
        this.addViewInLayout(child,-1);
    }
    /**
     *
     * @param child
     * @param index 位置，如果是-1，则自动添加到末尾
     */
    protected void addViewInLayout(View child,int index){
        if (child == null) {
            throw new IllegalArgumentException("Cannot add a null child view to a ViewGroup");
        }
        ViewGroup.LayoutParams params = child.getLayoutParams();
        if (params == null) {
            params = generateDefaultLayoutParams();
            if (params == null) {
                throw new IllegalArgumentException("generateDefaultLayoutParams() cannot return null");
            }
        }
        super.addViewInLayout(child,index,params);
    }


    public static  class GridDataSetObserver extends DataSetObserver{

        private AutoFixedHeightGridView fixedHeightGridView;

        public GridDataSetObserver(FixedHeightGridView fixedHeightGridView) {
            this.fixedHeightGridView = fixedHeightGridView;
        }

        @Override
        public void onChanged() {
            super.onChanged();
            fixedHeightGridView.datasetChanged();
        }

        @Override
        public void onInvalidated() {
            super.onInvalidated();
            fixedHeightGridView.datasetChanged();
        }
    }


    @Override
    protected ViewGroup.LayoutParams generateDefaultLayoutParams() {  //child默认布局参数
        return new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);
    }

    @Override
    protected ViewGroup.LayoutParams generateLayoutParams(ViewGroup.LayoutParams p) {
        return new LayoutParams(p);
    }

    @Override
    protected boolean checkLayoutParams(ViewGroup.LayoutParams p) {  //重写该方法，否则
        return (p instanceof LayoutParams) ;
    }

    @Override
    public ViewGroup.LayoutParams generateLayoutParams(AttributeSet attrs) {
        return new LayoutParams(getContext(), attrs);
    }


    public static  class LayoutParams extends  ViewGroup.MarginLayoutParams{

      private int viewType;
      private static final int TYPE_UNDEFINED = 0;
      public LayoutParams(Context c, AttributeSet attrs) {
          super(c, attrs);
          TypedArray a=c.obtainStyledAttributes(attrs, R.styleable.AutoFixedHeightGridView);
          this.viewType = a.getInt(R.styleable.AutoFixedHeightGridView_viewType, TYPE_UNDEFINED); //该属性定义给child的
          a.recycle();
      }

      public LayoutParams(int width, int height) {
          super(width, height);
          this.viewType = TYPE_UNDEFINED;
      }

      public LayoutParams(MarginLayoutParams source) {
          super(source);
          if(source instanceOf LayoutParams){
               this.viewType = ((LayoutParams)source).viewType;
          }else{
             this.viewType = TYPE_UNDEFINED;
          }
      }
      public LayoutParams(ViewGroup.LayoutParams source) {
          super(source);
             if(source instanceOf LayoutParams){
               this.viewType = ((LayoutParams)source).viewType;
             } else{
               this.viewType = TYPE_UNDEFINED;
            }
      }

      public int getViewType(){
        return viewType;
     }
  }
}

 

自定义属性部分

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="AutoHeightFiexedGrideView">
        <attr name="numColumns" format="integer"/>
        <attr name="horizontalSpacing" format="dimen|reference"/>
        <attr name="verticalSpacing" format="dimen|reference"/>
        <attr name="viewType" format="integer" />
    </declare-styleable>
</resources>

 

转载于:https://my.oschina.net/ososchina/blog/3018471

weixin_33919950
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android开发之自定义View专题（三）：自定义GridView
victorfreedom的专栏
01-04 2267
gridview作为android开发中常用的组件，其功能十分强大。但是，我们有时候有很多特殊的需求，需要在其基础上进行改造。有时候会有移动gridView中item位置的需求，这个网上已经有很多例子，博主就不在描述。今天博主讲的是移动gridView中item中的内容。博主没看过网上那些移动item位置的demo，不知道其原理是不是和博主想的一样。博主思考过，似乎博主的这种实现原理似乎也可以用作
Android应用开发中使用GridView网格布局的代码示例
09-02
在Android应用开发中，GridView是一种常用的布局方式，它允许开发者以网格的形式展示数据，通常用于创建像图片库、菜单选项等界面。相比TableLayout，GridView更具有灵活性，因为它可以自动调整列数以适应屏幕大小，...
GridView（网格布局）基本用法和根据item数量动态自适应显示高度,添加分割线，禁止滑动
The blog of CSDN in 杨天福
02-20 6870
自定义布局样式layout：item_gridview.xml<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="m
Android书架（自定义GridView）
05-06
Android书架（自定义GridView），可运行，亲测。
Android自定义GridView显示一行,并且可以左右滑动
weixin_33743703的博客
03-21 133
最近做一个类似滑动菜单栏的title，绑定数据源用的是GrildView，想要实现横着滑动并且GrildView只显示一行。最终采用代码形式在Activity中动态的添加布局实现。 ViewGroup.LayoutParams params = dishtype.getLayoutParams(); // dishtype，welist为ArrayLis...
Android控件之GridView自定义
u010327957的博客
12-07 756
1、GridView自定义网格布局 自定义网格布局就是要求，为网格的定义一个布局文件，然后使用这个布局文件去渲染网格。同时为GridView绑定点击事件。效果如下图 2、代码介绍 Activity所对应的布局文件activity_main.xml，里面只有一个GridView控件。代码如下 <RelativeLayout xmlns:android="http://schemas.
android 自定义网格视图,Android GridView：网格视图
weixin_32081953的博客
05-27 256
GridView 提供了一个二维的可滚动的网格，按照行列的方式来显示内容，一般适合显示图标、图片等，适合浏览。下面通过一个实例来了解一下GridView组件的使用方法。在工程WidgetDemo的布局文件main.xml中添加一个名为GridViewDemo的Button，用以启动GridViewActivity。在main.xml中添加代码如下：android:id="@+id/button12...
android 自定义GridView实现时间日程表课程表、实现上一年下一年、上个月下个月等功能
03-15
首先，`GridView`是Android中的一个布局控件，它允许我们以网格的形式展示数据。在本案例中，`GridView`被用来创建时间日程表，每个单元格代表一天，可以展示一天内的课程或日程。我们可以自定义`GridView`的适配器...
Android高仿支付宝gridview网格布局
03-07
以上就是实现“Android高仿支付宝gridview网格布局”的关键步骤和技术点。在实际开发中，你可能还需要根据具体需求进行调整和优化，确保布局既美观又高效。通过不断实践和学习，你可以创造出更具特色的网格布局，...
Android自定义View——多边形网格属性图
09-06
Android自定义View——多边形网格属性图
android自定义viewgroup实现等分格子布局
09-01
android自定义viewgroup实现等分格子布局
Android自定义可加载更多的GridView，可直接使用
03-13
Android自定义可加载更多的GridView。坑爹，最低只能设置2分。博客地址http://blog.csdn.net/u013700040/article/details/79542116，觉得不错给个赞吧
自定义gridview实现
11-17
希望有帮助,我自己摸索一段时间的来的，比较简单一个类就可以实现，添加使用内部类的方法
customgridview:Android 自定义网格视图
06-30
自定义网格视图 Android 自定义网格视图
android 中自定义gridview,android 自定义gridview（导航）
weixin_36260323的博客
05-26 143
packagecom.cquni.control;importandroid.content.Context;importandroid.graphics.Bitmap;importandroid.graphics.BitmapFactory;importandroid.graphics.Canvas;importandroid.graphics.Rect;importandroid.graphi...
Android 自定义GridView添加网格线
tanranran的专栏
12-29 2051
有一个需求是这样的,查了下网上的资料都是利用间隔 ,但是我这个Gridview的背景是渐变的...于是就不好办了...又在google上面看见一个自定义的Gridview,但是有BUG.....在偶数的情况下,最下面一行会有底线...奇数并不会.于是修改了下. 通过重写dispatchDraw    利用Paint进行绘制 package com.hrcp.starss
android 自定义gridview,Android 自定义Gridview 解决RecyclerView布局适应问题
weixin_35380427的博客
05-25 144
建立一个类继承GridviewXML中调用android:id="@+id/type_son"android:layout_width="match_parent"android:layout_height="wrap_content"android:numColumns="3"android:background="@color/colorWhite2">MainActivitypubli...
Android自定义较为精美的GridView
热门推荐
KI的博客
09-05 10万+
与ListView主要以列表形式显示数据不同，GridView是以网格形式显示数据，本文实现了一个较为精美的GridView。
Android自定义GridView实现头条频道拖动排序功能
总结来说，Android自定义gridView仿头条频道拖动管理功能的实现涉及到事件监听、动画处理、window管理以及adapter数据同步等多个方面。通过这样的实现，我们可以创建一个用户友好的、交互性强的界面，允许用户自由...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值