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