前段时间接到一个需求,要求GridView超过两行只显示两行多余的不显示。但是GridView没有设置多少行的api,只有设置多少列的方法,到处查找资料都类似的case,stakeoverfrow上面也没什么有价值的答案,不过在百度知道竟然看到了一个思路。
知道:http://zhidao.baidu.com/link?url=f-F4MnuKApNqgTzcW0r7nUDljHch3v-iGV7LspkMFW97ftxgh0JJSwhdRYkipzK4zdyBoWfJZ9ZakJoAnBppKq
第一个方案:说定死列数,算出总数,只有显然不科学,因为我的gridview列数十需要autofit的,随手机屏幕多宽就相应显示多少列。
gridview的xml属性 android:numColumns="6"在adapter里重写@Override public int getCount() { return 12; }这样应该行吧
第二个方案:限定gridview高度,因为项目时间很紧所以脑子里也曾蹦出这个想法,试着写死一个固定高度,但事实上这高度是不起作用的,因为它是根据adapte的条目来计算的。
第三个方案:其实就是第一个方案改良版,虽然是很朴素的思路但是可以改活。在探索过程中发现gridview在高版api中有一个获取列数的方法,如果知道到列数那就好办了,列数*2就得到了要显示两行的count,这样既满足列数自适应又很优雅的控制要显示的区域。
=====================================================================
于是代码可以写下去了:
int numberOfColumns = mGridView.getNumColumns();
if (numberOfColumns > 0) {//adapter item 数据已填充
int countOf2Row = numberOfColumns * 2;
for (int i = count2Row - 1; i < couponList.size(); i++)
mDataSources.remove(i);//多出2列的数据cut掉
if (mAdapter != null) mAdapter.notifyDataSetChanged();
}
这个if死活没进去啊,打印出来看到获取到的NumColumn是-1,然后看到方法doc:
Get the number of columns in the grid.
* Returns {@link #AUTO_FIT} if the Grid has never been laid out.
我明明是在adapte.notifyDatasetChanged()方法之后去获取的啊,怎么还是拿不到,查阅了一些资料之后就监听gridview布局变化,在listener里面果然能获取到了。
刚才说到getNumColumns()是高版方法,API11以上才有,所以还得back compat。这个只要网上搜索一下一大把,我也是摘抄了一段。
/**
* 获取列数的兼容方法.
* @return
*/
public int getNumColumnsCompat() {
if (Build.VERSION.SDK_INT >= 11) {
return getNumColumnsCompat11();
} else {
int columns = 0;
int children = getChildCount();
if (children > 0) {
int width = getChildAt(0).getMeasuredWidth();
if (width > 0) {
columns = getWidth() / width;
}
}
return columns > 0 ? columns : AUTO_FIT;
}
} @TargetApi(Build.VERSION_CODES.HONEYCOMB)
private int getNumColumnsCompat11(){
return getNumColumns();
}
那最后代码变成这样了:
mGridView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
int numberOfColumns = ((MyGridView) mGridView).getNumColumnsCompat();
if (numberOfColumns > 0) {//adapte item 数据已填充
int count2Row = numberOfColumns * 2;
for (int i = count2Row - 1; i < couponList.size(); i++)
list.remove(i);//多出2列的数据cut掉
if (mAdapter != null) mAdapter.notifyDataSetChanged();
ApiVersionCompat.removeOnGlobalLayoutListener(mGridView.getViewTreeObserver(), this);
}
}
});
注意在onGlobalLayout处理好移除数据的逻辑之后需要移除监听器哦,移除监听也有一个版本差异,代码送上:
public static void removeOnGlobalLayoutListener(ViewTreeObserver observer, ViewTreeObserver.OnGlobalLayoutListener victim) {
if (Build.VERSION.SDK_INT >= 16) {
observer.removeOnGlobalLayoutListener(victim);
} else {
observer.removeGlobalOnLayoutListener(victim);
}
}
本以为就perfect了事了,feature也实现了,资源也节约了(因GroblaLayoutListener会多次触发,所以一定要做好限制,用完就释放掉不要让代码重复执行了)。代码交上去,apk发给测试测了之后bug就丢过来了,测试出来说还是有不止两行的grid出现啊,我心里怎么也不相信啊,怎么可能我明明自测过的。
当我重新打开app,发现确实有超出2行多出一个Item掉在第三行,后来就怀疑是不是cut数据没控制好,代码明明是for (int i = count2Row - 1; i < list.size(); i++)这样循环啊。每次都多出一个,难道i<=list.size(),我也曾很多次怀疑过怎么可能会list.remove(list.size()),不可能不可能不可能啊,这样绝对会数组越界啊,难不成是i初始还要count2Row-2,试过之后还是如此多一个(因为总数是有9个,从第六个开始剪掉2个也还是有一个)。
log出size让我惊讶了,size竟然是6,但接口出来明明是9啊。然后就猛然一醒,加载数据和触发布局改变事件应该是异步的,也就是说当我在布局改变事件中获取到列数>0时,并不一定数据全部加载完,而这时我已经移除监听了。当加载到第1行数据的时候就可以获取到列数了,恰好此时我移除了其中几个(如果第一次获取到的size大于2列之和小于最终size),但当处理完这块逻辑的同时数据其实还是在加载的,虽然都是微乎其微的瞬间,但也有先来后到的顺序,所以移除掉一部分后面又添加了一部分,结果就出现了超过两行的情况。
mGridView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
int numberOfColumns = ((MyGridView) mGridView).getNumColumnsCompat();//有可能每次会有变动
if (numberOfColumns > 0) {//adapter item 数据已填充
int countOf2Row = numberOfColumns * 2;
if (list.size() > countOf2Row) {
//超出2行(第三行开始)的数据cut掉
for (int i = countOf2Row; i < list.size(); i++) {
mAdapter.remove(i);
}
if (mAdapter != null) mAdapter.notifyDataSetChanged();
} else {
//每次检测到数据集合大小<=countOf2Row的时候就可以移除监听了
ApiVersionCompat.removeOnGlobalLayoutListener(mGridView.getViewTreeObserver(), this);
}
}
}
});
好了,代码写好了,自测一下也都OK了,多测几个不一样的数据也正常了。可该死的,不小心按到了home键,当打开recent列表点回app的时候发现大事不好,又整整齐齐得出现三行满满的。
原来这个界面是会在onResure刷新数据的,View都还是那些View,但是数据会重新添加,第一次完美显示2行,但数据一刷新,就会先clear掉数据源重新添加数据,而此时的GlobalLayoutListener已经移除了无法监听处理多出2行的逻辑了,所以如上图所示,完完整整的出现了3行数据。因为我addOnGlobalLayoutListener是在initViews时候去注册的,当数据加载完毕就移除监听,原来以为很完美没想到会有这种情况发生。那知道了问题在哪就好对症下药了,直接把添加监听的方法放在拿到数据后执行就好了,每次到数据就监听处理,处理完了就移除监听,下次数据来了依然也可以依次执行。
代码就不贴了,说的很清楚了,此处应扫二维码关注公众号了!