Android GridView同一行的Item高度不同,使其高度平齐,自动适应高度最大的item

看到这篇文章,你可能会问————你搞这玩意有个P的意思,用处在哪呢。别急,请看我下面实际遇到的场景。

这是我项目做的一个底部选项弹窗,没经过处理是这样的,可能有些人说就是要这种凌乱的效果,那这篇文章你可以到此结束了。



下面经过行高处理之后是这样的


是不是觉得突然顺眼了很多,来介绍一下具体的实现。

首先在Adapter中传入一个GridView实例,或者直接getView函数里获取ViewGroup强转,这就不用我多说了吧,下面开始我的表演

这是Adapter中ViewHolder关键函数,用于更新item高度

class ViewHolder{
        LinearLayout llView;//视图项
        TextView tvText;//文字

        /**
         * 更新视图高度
         */
        private void updateHeight() {
            //当一个视图create还没有开始绘制,获取不到宽高,但是视图绘制完成,视图树的布局发生改变时,可以被ViewTreeObserver监听到
            itemView.getViewTreeObserver().addOnGlobalLayoutListener(
                    new ViewTreeObserver.OnGlobalLayoutListener() {
                        public void onGlobalLayout() {
                            //当前位置
                            int position = (Integer) tvText.getTag();
                            //当前行
                            int curRow = position / gv.getNumColumns();
                            //当前view高度
                            int height = itemView.getHeight();
                            //初始最大行高度
                            if (mostRowHeight[curRow] == 0){
                                mostRowHeight[curRow] = height;
                            }else {
                                //当前View高度小于最大行高
                                if (height < mostRowHeight[curRow]){
                                    //设置当前View高度=最大行高
                                    itemView.setLayoutParams(new GridView.LayoutParams(
                                            GridView.LayoutParams.MATCH_PARENT,
                                            mostRowHeight[curRow]));
                                    //设置当前View高度>最大行高
                                }else if(height > mostRowHeight[curRow]) {
                                    //更新最大行高
                                    mostRowHeight[curRow] = height;
                                    //更新所在行所有在此之前的view的行高
                                    for (int i = curRow * gv.getNumColumns(); i < getCount() && i < position; i++){
                                        View view = gv.getChildAt(i);
                                        if (view.getHeight() != mostRowHeight[curRow]){
                                            view.setLayoutParams(new GridView.LayoutParams(
                                                    GridView.LayoutParams.MATCH_PARENT,
                                                    mostRowHeight[curRow]));
                                        }
                                    }
                                }
                            }
                            if (position == getCount() - 1){
                                try {
                                    setGridViewHeight();
                                } catch (Exception e) {
                                    e.printStackTrace();
                                }
                            }
                        }
                    });
        }
    }


由于我这里GridView嵌套在一个layout布局中,所以最后要计算GridView总高度,要不然显示不正常,你们可以自己试试

/**
     * 设置gridView的高度
     * @throws Exception
     */
    private void setGridViewHeight() throws Exception{
        ViewGroup.LayoutParams params = gv.getLayoutParams();
        int totalHeight = 0;
        //计算行总高度
        for (int i = 0; i < mostRowHeight.length; i++){
            totalHeight += mostRowHeight[i];
        }

        Class<?> clazz=gv.getClass();
        //利用反射,取得纵向分割线高度
        Field horizontalSpacing = clazz.getDeclaredField("mRequestedHorizontalSpacing");
        horizontalSpacing.setAccessible(true);
        int horizontalBorderHeight = (Integer)horizontalSpacing.get(gv);
        //高度等于行总高 + 行间距
        params.height = totalHeight + horizontalBorderHeight  * (mostRowHeight.length - 1);
        gv.setLayoutParams(params);
    }

在getView中获取gridview实体以及行数的计算


 
   private GridView gv;
    private int[] mostRowHeight;
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
       
        if (convertView == null) {
                  //...viewHolder实例化
                              

                if (gv == null){
                //获取gridview实例
                gv = (GridView) viewGroup;
                //计算行数
                int row = getCount() / gv.getNumColumns();
                if (getCount() % gv.getNumColumns() != 0){
                    row += 1;
                }
                mostRowHeight = new int[row];
            }
                //缓存视图位置
               viewHolder.tvText.setTag(position);
                //设置视图高度
               viewHolder.updateHeight();
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        //initView(viewHolder, position);视图数据初始化,自行定义
        return convertView;
    }





要让 Android GridView 中的每个 item高度相同,你可以使用自定义的 GridViewAdapter 来实现。在适配器中,你可以设置每个 item 的布局,并通过设置布局的高度来实现相同的高度。 首先,在你的布局文件中定义一个 GridView,例如: ```xml <GridView android:id="@+id/gridView" android:layout_width="match_parent" android:layout_height="wrap_content" android:numColumns="3" /> ``` 然后,创建一个自定义的适配器类,继承自 BaseAdapter,并实现 getView 方法。在 getView 方法中,你可以为每个 item 设置相同的高度。以下是一个示例: ```java public class GridViewAdapter extends BaseAdapter { private Context mContext; private List<String> mData; public GridViewAdapter(Context context, List<String> data) { mContext = context; mData = data; } @Override public int getCount() { return mData.size(); } @Override public Object getItem(int position) { return mData.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { View itemView; if (convertView == null) { LayoutInflater inflater = LayoutInflater.from(mContext); itemView = inflater.inflate(R.layout.grid_item_layout, parent, false); } else { itemView = convertView; } // 设置每个 item高度 int height = calculateItemHeight(); // 计算每个 item高度 itemView.setLayoutParams(new GridView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, height)); // 设置其他需要的内容 return itemView; } private int calculateItemHeight() { // 计算每个 item高度,例如根据屏幕宽度和列数来计算 int screenWidth = mContext.getResources().getDisplayMetrics().widthPixels; int columnCount = 3; int itemWidth = screenWidth / columnCount; int itemHeight = itemWidth; // 假设宽高比为1:1 return itemHeight; } } ``` 在上述代码中,你可以根据你的需求自定义每个 item 的布局,并在 getView 方法中设置每个 item高度。在 calculateItemHeight 方法中,你可以根据屏幕宽度和列数来计算每个 item高度。 最后,在你的 Activity 中设置适配器到 GridView: ```java GridView gridView = findViewById(R.id.gridView); GridViewAdapter adapter = new GridViewAdapter(this, dataList); gridView.setAdapter(adapter); ``` 其中,dataList 是你的数据列表,根据你的需求进替换。 这样,你就可以实现 Android GridView 中每个 item 的相同高度了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值