實現使用者在ListView上進行選擇時出現向上或向下獲取更多提示

明月春秋發表於2017-11-27

在專案中遇到需求,需要實現使用者在ListView上進行選擇時,如果上方或下方有更多未載入出來的item,需要出現向上或向下獲取更多提示的效果,所以簡單介紹一下相關實現方法,謹以此拋磚引玉,如果各位有更好更優雅的方法,歡迎分享。

一、佈局

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/lv_select_one"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />

        <TextView
            android:id="@+id/tv_up_get"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="10dp"
            android:textSize="20sp"
            android:text="@string/up_to_get"
            android:visibility="gone"
            android:background="@color/light_gray"/>

        <TextView
            android:id="@+id/tv_down_get"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_alignParentBottom="true"
            android:padding="10dp"
            android:textSize="20sp"
            android:text="@string/down_to_get"
            android:visibility="gone"
            android:background="@color/light_gray"/>
    </RelativeLayout>複製程式碼

因為是相對佈局,記得得將兩個提示控制元件都放在ListView下方,否則會被ListView覆蓋。

二、建立控制提示顯示的方法

控制ListView出現向上或向下獲取更多提示的關鍵,其實在於如何知道當前頁面上顯示的第一個和最後一個item的索引究竟是幾,經過一番研究,最終實現如下:

    /**
     * 控制在列表一頁無法顯示完全時,顯示向上或向下獲取更多提示資訊
     * @param listView
     *          需要進行顯示的列表控制元件
     * @param span
     *          每一頁上顯示的item數
     */
    private void controlPromptShown(ListView listView, int span){
        if (listView.getCount() <= span){
            return;
        }
        /**
         * 因為ListView的getFirstVisiblePosition()方法在從下往上時會出現第二個和第一個item都顯示為0的情況
         * getFirstVisiblePosition()方法在從上往下時,會出現倒數第二個和最後一個item都顯示為最後索引位置的情況
         * 所以判斷將不對的情況剔除
         */
        if (listView.getSelectedItemPosition() != listView.getFirstVisiblePosition() &&
                listView.getFirstVisiblePosition() == 0){
            return;
        }
        if (listView.getSelectedItemPosition() != listView.getLastVisiblePosition() &&
                listView.getLastVisiblePosition() == (listView.getCount() - 1)){
            return;
        }
        if (listView.getFirstVisiblePosition() > 0){
            tvUpGet.setVisibility(View.VISIBLE);
        }
        else {
            tvUpGet.setVisibility(View.GONE);
        }
        if (listView.getLastVisiblePosition() < (listView.getCount() - 1)){
            tvDownGet.setVisibility(View.VISIBLE);
        }
        else {
            tvDownGet.setVisibility(View.GONE);
        }
    }複製程式碼

三、在ListView的setOnItemSelectedListener方法中進行引用

lvSelectOne.setOnItemSelectedListener(new    AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                //ListView每頁上應該能顯示的條目數
                int span = parent.getHeight() / view.getHeight();
                controlPromptShown((ListView) parent, span);
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });複製程式碼

四、最終效果

列表中一共放了20項資料
1.從上向下,看向上提示

這裡寫圖片描述
這裡寫圖片描述

2.從上向下,看向下提示

這裡寫圖片描述
這裡寫圖片描述

3.從下向上,看向下提示

這裡寫圖片描述
這裡寫圖片描述

4.從下向上,看向上提示

這裡寫圖片描述
這裡寫圖片描述

五、總結

實現使用者在ListView上進行選擇時出現向上或向下獲取更多提示,關鍵在於如何知道當前頁面上顯示的第一個與最後一個item索引,所以需要進行一系列判斷。如果對本文有什麼意見和問題歡迎指正,如果覺得本文可以,請幫忙點個贊,謝謝觀看。

相關文章