Android 記RecyclerView頂部帶搜索功能的一次簡單實踐

預(yù)期效果:

RecyclerView頂部帶搜索框(LLSearch)硅瞧。默認LLSearch處于可見狀態(tài),手指向上滑動時恕汇,LLSearch不可見腕唧;手指向下滑動時,LLSearch可見瘾英。

實現(xiàn)思路:

1.在XML中枣接,RV和LLSearch外層使用FrameLayout包裹,LLSearch置于RV上層缺谴,RV添加與LLSearch同等高度的top
2.在Java類中但惶,給RV添加滑動監(jiān)聽(OnScrollListener),重寫onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy)方法湿蛔,其中膀曾,當(dāng)dy>0時,表示手指上滑阳啥,內(nèi)容下移添谊,此時搬泥,隱藏LLSearch(添加不添加動畫吸奴,看個人偏好);當(dāng)dy<0時,表示手指下滑初茶,內(nèi)容上移扎瓶,此時所踊,顯示LLSearch;

效果圖:
RecyclerView頂部帶搜索框效果圖.gif
附代碼:

XML:

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:animateLayoutChanges="true"
        android:orientation="vertical">

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv"
            android:layout_width="match_parent"
            android:paddingTop="@dimen/dp_58"
            android:overScrollMode="never"
            android:layout_height="match_parent" />

        <LinearLayout
            android:id="@+id/ll_search"
            android:layout_width="match_parent"
            android:layout_height="@dimen/dp_33"
            android:layout_marginHorizontal="@dimen/dp_15"
            android:layout_marginTop="@dimen/dp_15"
            android:background="@drawable/bg_f5f6f7_r_5"
            android:gravity="center_vertical"
            android:padding="@dimen/dp_10">

            <EditText
                android:id="@+id/et_search"
                android:layout_width="@dimen/dp_0"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@null"
                android:hint="請輸入搜索關(guān)鍵詞"
                android:imeOptions="actionSearch"
                android:inputType="text"
                android:textColor="@color/color_333333"
                android:textSize="@dimen/sp_12" />

            <ImageView
                android:id="@+id/iv_clear"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_clear"
                android:visibility="gone" />
        </LinearLayout>
    </FrameLayout>

Java類:

        mBinding.rv.addOnScrollListener(new RecyclerView.OnScrollListener() {

            @Override
            public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
                RecyclerView.LayoutManager lm = recyclerView.getLayoutManager();
                if (lm instanceof LinearLayoutManager) {
                    int i = ((LinearLayoutManager) lm).findFirstCompletelyVisibleItemPosition();
                    if (dy < 0) {//手指下滑
                        if (i >= 0) {//position>=0,設(shè)置為可見
                            setLLSearchVisible(true);
                        }
                    } else if (dy > 0) {//手指上滑
                        if (i > 1) {//position>1概荷,設(shè)置為不可見可見
                            setLLSearchVisible(false);
                        }
                    }
                }
            }
        });

    private void setLLSearchVisible(boolean visible) {
        if (visible) {
            if (mBinding.llSearch.getVisibility() == View.VISIBLE) {
                return;
            }
            mBinding.llSearch.setVisibility(View.VISIBLE);
            mBinding.rv.setPadding(0, SizeUtils.dp2px(58), 0, 0);
        } else {
            if (mBinding.llSearch.getVisibility() == View.GONE) {
                return;
            }
            mBinding.llSearch.setVisibility(View.GONE);
            mBinding.rv.setPadding(0, SizeUtils.dp2px(0), 0, 0);
        }
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末秕岛,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子误证,更是在濱河造成了極大的恐慌继薛,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件雷厂,死亡現(xiàn)場離奇詭異惋增,居然都是意外死亡叠殷,警方通過查閱死者的電腦和手機改鲫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人像棘,你說我怎么就攤上這事稽亏。” “怎么了缕题?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵截歉,是天一觀的道長。 經(jīng)常有香客問我烟零,道長瘪松,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任锨阿,我火速辦了婚禮宵睦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘墅诡。我一直安慰自己壳嚎,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布末早。 她就那樣靜靜地躺著烟馅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪然磷。 梳的紋絲不亂的頭發(fā)上郑趁,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音样屠,去河邊找鬼穿撮。 笑死,一個胖子當(dāng)著我的面吹牛痪欲,可吹牛的內(nèi)容都是我干的悦穿。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼业踢,長吁一口氣:“原來是場噩夢啊……” “哼栗柒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起知举,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤瞬沦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后雇锡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體逛钻,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年锰提,在試婚紗的時候發(fā)現(xiàn)自己被綠了曙痘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片芳悲。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖边坤,靈堂內(nèi)的尸體忽然破棺而出名扛,到底是詐尸還是另有隱情,我是刑警寧澤茧痒,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布肮韧,位于F島的核電站,受9級特大地震影響旺订,放射性物質(zhì)發(fā)生泄漏弄企。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一区拳、第九天 我趴在偏房一處隱蔽的房頂上張望桩蓉。 院中可真熱鬧,春花似錦劳闹、人聲如沸院究。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽业汰。三九已至,卻和暖如春菩颖,著一層夾襖步出監(jiān)牢的瞬間样漆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工晦闰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留放祟,地道東北人。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓呻右,卻偏偏與公主長得像跪妥,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子声滥,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容