GridView Item 大小可能不一样，如何保持同一行的Item 高度大小相同，且GridView高度自适应！

 昨天用到GridView，但是遇到几个问题，就是GridView默认的item其实大小是一致的，但是我们经常会遇到item大小不同，系统默认会留白的问题，很头疼！如下图这样的：

     就会造成，右图所示，左右大小不一致，中间还留了一块，给人的感觉太差了！！

 

 

那如何保证GridView自适应且看起来更美观呢？ 达到这样的效果呢？？

 

度娘搜索了，google了，还是没找到好的方法！！但是在一篇blog里得到了 一个思路，就是把GridView对象传进到adapter 里面，然后去动态设置item的height。

 

这样做就行：

贴出部分关键代码：

 

 

        private GridView gv;

	public AtypeAdapter(GridView gv, Context context, List<AtypeEntity> list) {
		this.gv = gv;
		this.context = context;
		this.data = list;
	}

 

 GridView对象传到对应的adapter里面，  网上很多人人也说了，得到GridVeiw的总的height，然后除以总共的Rows就可以设置所有的行的item高度一致了。但是对于GridView来说，adapter数据都没绑定，怎么可能得到高度呢？ 还有一点是，咱们的GridView的每个item的高度是不确定的，就算你算出了GridView的总高度，然后跟item的rows做除法，得到的每行的高度，得到的效果也不是想要的，因为有的item会很大，会比平局高度还大，那会显示不全，有的item会比较小，比平均高度还小很多，会导致留白很大！效果很差！！  我的adapter的每一个item 里面包含了三个textview，textview的内容文字的长度是不固定的，所以按照平均值来写死每个item的高度，是不理想的，也是不行的。

那怎么办？  这么写：

 

传入的GridView之后，

 

 

public View getView(int position, View convertView, ViewGroup parent) {

		Holder holder;
		if (convertView == null) {
			holder = new Holder();
			convertView = View.inflate((Activity) this.context,
					R.layout.atype_adpter, null);

			holder.atype_serial_num = (TextView) convertView
					.findViewById(R.id.atype_serial_num);
			holder.atype_name = (TextView) convertView
					.findViewById(R.id.atype_name);
			holder.atype_kusercode = (TextView) convertView
					.findViewById(R.id.atype_code);
			convertView.setTag(holder);
			// 绑定listener监听器，检测convertview的height

                        holder.update();
		} else {
			holder = (Holder) convertView.getTag();
		}

		holder.atype_serial_num.setText((position + 1) + "");
		holder.atype_name.setText(data.get(position).getAfullname());
		holder.atype_kusercode.setText(data.get(position).getAusercode());

		// 绑定tag	

		holder.atype_kusercode.setTag(position);
		//  绑定当前的item，也就是convertview

		holder.atype_name.setTag(convertView);

		return convertView;
	}

	public class Holder {
		public TextView atype_serial_num;
		public TextView atype_name;
		public TextView atype_kusercode;

		public void update() {

			// 精确计算GridView的item高度	

			atype_kusercode.getViewTreeObserver().addOnGlobalLayoutListener(
					new OnGlobalLayoutListener() {
						public void onGlobalLayout() {
							int position = (Integer) atype_kusercode.getTag();

							// 这里是保证同一行的item高度是相同的！！也就是同一行是齐整的 height相等	

							if (position > 0 && position % 2 == 1) {
 								View v = (View) atype_name.getTag();
								int height = v.getHeight();
								
								View view = gv.getChildAt(position - 1);
								int lastheight = view.getHeight();

								// 得到同一行的最后一个item和前一个item想比较，把谁的height大，就把两者中                                                                // height小的item的高度设定为height较大的item的高度一致，也就是保证同一                                                                 // 行高度相等即可	

								if (height > lastheight) {
									view.setLayoutParams(new GridView.LayoutParams(
											GridView.LayoutParams.FILL_PARENT,
											height));
								} else if (height < lastheight) {
									v.setLayoutParams(new GridView.LayoutParams(
											GridView.LayoutParams.FILL_PARENT,
											lastheight));
								}
							}
						}
					});
		}
	}

 这样设定以后，adpter的同一行的item的height会相同，保证了GridView同一行的height自适应相同，美观且舒服！！

 谢谢！

 

 

 

 

 

 

 

• 上一篇：解决ScrollView中填充内容上下会有阴影的问题

顶

1

踩

0