On the Android ListView listSelector to solve cross-border issues

標籤：

今天在最佳化藍芽的時候，發現老版本的ListView listSelector 在做上下滾動的時候出現了越界的情況，經理說要解決這個問題，

不能影響體驗，我自己也去玩了下，發現確實很醜，於是就花了點時間解決這個BUG，順便把解決方案分享一下，希望遇到同

樣情況的朋友，可以少走歪路，增加開發效率

我們來看看這個越界情況的：

首先是選中任意一個Item，做上下滾動，看看選中色的越界

向上滾動越界，就是不管你向上滾動到哪裡，那個橘紅色的Item 就一直在 Top 端，就像Excel的置頂一樣，很影響體驗

向下的

那麼，要怎麼解決呢？所以要要原因，其實根本原因我也沒弄清楚，我想了一個大概的解決辦法，就是通過滾動事件來控制這個顏色需要顯示和不需要顯示的可見範圍即可

編寫如下代碼：

mPhoneBookList.setOnScrollListener(mOnScrollListener);private OnScrollListener mOnScrollListener = new OnScrollListener() {/*** 滾動狀態改變時調用*/@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {//第1次：scrollState = SCROLL_STATE_TOUCH_SCROLL(1) 正在滾動 //第2次：scrollState = SCROLL_STATE_FLING(2) 手指做了拋的動作（手指離開螢幕前，用力滑了一下） //第3次：scrollState = SCROLL_STATE_IDLE(0) 停止滾動// 不滾動時儲存當前滾動到的位置if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {// 停止處理}}/*** 滾動時調用*/@Overridepublic void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, int totalItemCount) {//滾動時一直回調，直到停止滾動時才停止回調。單擊時回調一次。 //firstVisibleItem：當前能看見的第一個清單項目ID（從0開始） //visibleItemCount：當前能看見的清單項目個數（小半個也算） //totalItemCount：清單項目共數int last = visibleItemCount+firstVisibleItem-1;Log.d("Engineer-Jsp", "onScroll() listview選中id:"+mCurrentPosition+"\n當前能看見的第一個清單項目:"+firstVisibleItem+"\n當前能看見的清單項目個數:"+visibleItemCount+"\n當前能看見的最後一項:"+last+"\n\n*********************************************************************************");int color = R.color.OrangeRed;if(mCurrentPosition<firstVisibleItem||mCurrentPosition>last){color = R.color.transparence;}mPhoneBookList.setSelector(color);}};

邏輯思維：既然他不管多靠前或多靠後，它都會顯示，那何不把可見範圍的ListView 作為listSelector 活動範圍，在範圍之外的設為不可見，即設定為透明狀態

我在代碼裡給ListView添加滾動事件，讓onScroll () 函數來控制listSelector 這樣就可以從根本上解決這種Bug

首先說下onScroll () 函數的意義

firstVisibleItem：當前能看見的第一個清單項目ID（從0開始）

visibleItemCount：當前能看見的清單項目個數（小半個也算）

totalItemCount：清單項目總數

AbsListView：不要用到，就不做解釋

這裡只要把點中的 Item 的Position 放在 firstVisibleItem 前 和 可見清單項目最後一項，最後一項的取得是visibleItemCount+firstVisibleItem-1; 因為第一項從0開始，重新燒錄apk，push 到 system 之後，完美解決！

測試圖片，隨機點選一個 Item :

再做上下滾動，沒有出現上述圖片裡出現的情況：

On the Android ListView listSelector to solve cross-border issues