android RecyclerView下拉刷新與上拉更多,仿QQ左滑刪除,點擊展開,城市列表各種功能。

前言

現(xiàn)在下拉上拉控件非常多,但是網(wǎng)上的上拉下拉控件,只有這2種功能,有時候我們需要像QQ那樣滑動item就出現(xiàn)了刪除按鈕,有時候我們需要點擊item可以展開更多的信息,以便我們看更多的信息,有時候我們需要谷歌自帶的下拉控件,有時候需要自己定義上下拉,切換來切換去很麻煩,于是我在某個大神(忘記是哪個了)的下拉上拉的控件的基礎上,增加了谷歌自帶下拉以及上拉樣式模仿了谷歌下拉的那種樣式,還有滑動item出現(xiàn)刪除跟展開更多,和城市列表,,以上的功能都只需要簡單的配置下就可以使用。

首先先看個效果圖

GIF.gif

依賴:

compile'com.yanxuwen.MyRecyclerView:MyRecyclerview:1.5.7'

1.上下拉實現(xiàn):

xml:
 <com.yanxuwen.MyRecyclerview.MyRecyclerView
 android:id="@+id/recyclerview"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
/>
java:
 mRecyclerView= (MyRecyclerView)this.findViewById(R.id.recyclerview);
 LinearLayoutManager layoutManager =newLinearLayoutManager(this);
  layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
  mRecyclerView.setLayoutManager(layoutManager);
//設置刷新樣式,ProgressStyle里面設置了很多種樣式,自行參考
mRecyclerView.setRefreshProgressStyle(ProgressStyle.BallSpinFadeLoader);
//設置加載樣式,ProgressStyle里面設置了很多種樣式,自行參考
mRecyclerView.setLoadingMoreProgressStyle(ProgressStyle.BallRotate);
//設置下拉圖標
mRecyclerView.setArrowImageView(R.drawable.iconfont_downgrey);
//設置動畫
mRecyclerView.setItemAnimator(MyRecyclerView.ItemType.FadeInLeft);
//啟動可以刷新
mRecyclerView.setPullRefreshEnabled(true);
//啟動可以加載
mRecyclerView.setLoadingMoreEnabled(true);
//執(zhí)行刷新
 mRecyclerView.setRefreshing(true);
//刷新跟加載監(jiān)聽
mRecyclerView.setLoadingListener(newMyRecyclerView.LoadingListener() {
public voidonRefresh() {
}
public voidonLoadMore() {
}
});
//執(zhí)行添加item操作
findViewById(R.id.add).setOnClickListener(newView.OnClickListener() {
public voidonClick(View v) {
mAdapter.add("newly added item",2);
}
});
//執(zhí)行刪除item操作
findViewById(R.id.del).setOnClickListener(newView.OnClickListener() {
public voidonClick(View v) {
mAdapter.remove(2);
}
});
//執(zhí)行點擊item進行展開操作
mAdapter.setOnItemClickListener(newMyBaseAdapter.OnItemClickListener() {
public voidonItemClick(MyBaseAdapter.BaseViewHolder holder,View view, intposition) {
holder.expand();
Log.e("xxx",position +"");
}
});
刷新完后操作,記得調(diào)用
mAdapter.setFirstOnly(true);
mRecyclerView.refreshComplete();
加載完后操作:
mRecyclerView.refreshComplete();
mRecyclerView.loadMoreComplete();
如果沒有數(shù)據(jù)了,調(diào)用
//也可以不傳遞參數(shù),默認會顯示空白
mRecyclerView.noMoreLoading("沒有了");
Adapter:

需要繼承MyBaseAdapter,主要介紹onCreateViewHolder的功能

publicViewHolderonCreateViewHolder(ViewGroup parent, intviewType) {
//添加滑動item刪除按鈕,可根據(jù)具體情況是否添加
addSwipe(R.layout.swipe_default2,SwipeLayout.ShowMode.LayDown,SwipeLayout.DragEdge.Right, true);
//添加展開詳情,可根據(jù)具體情況是否添加,如何展開上面已經(jīng)有介紹了。
addExpand(R.layout.expand_default);
//item布局
return newViewHolder(setLayout(R.layout.item,parent));
}

</br>

2.谷歌自帶刷新樣式:

xml:其實就是在外層嵌入SwipeRefreshLayout
<com.yanxuwen.MyRecyclerview.MySwipeRefreshLayout
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.yanxuwen.MyRecyclerview.MyRecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
    />
/>
java:代碼幾乎跟上面的寫法是一樣的,無非就是取消了下拉刷新用谷歌刷新替代,更改上拉加載樣式,所以主要介紹變動的代碼
//設置加載樣式,為MaterialDesign樣式,也就是類似谷歌刷新的樣式
mRecyclerView.setLoadingMoreProgressStyle(ProgressStyle.MaterialDesign);
//注意設置MaterialDesign類型的時候,要單獨的在設置下顏色,最好以SwipeRefreshLayout顏色拼配
if(mRecyclerView!=null&&mRecyclerView.getMaterialProgressView()!=null){
      mRecyclerView.getMaterialProgressView().setColorSchemeResources(R.color.black);
}
//【重點,一定要調(diào)用】注意由于下來刷新用的是谷歌的,,則要設置下谷歌刷新標識
mRecyclerView.setGoogleRefresh(true,mSwipeRefreshLayout);
//啟動可以刷新,由于啟動了谷歌刷新,該句不需要調(diào)用
//mRecyclerView.setPullRefreshEnabled(true);
//啟動可以加載
mRecyclerView.setLoadingMoreEnabled(true);
//執(zhí)行刷新,【注意,這里的谷歌刷新我們在封裝了一層MySwipeRefreshLayout,如果使用的是MySwipeRefreshLayout,
 //mSwipeRefreshLayout.setRefreshing(true);會自動開啟刷新,如果使用的是系統(tǒng)的MySwipeRefreshLayout,則還需要調(diào)
 //用onRefresh(),這些大家都指定,就不需要我多說了】
//執(zhí)行刷新
mSwipeRefreshLayout.setRefreshing(true);

</br>

3.城市列表:

xml:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white">

    </android.support.v7.widget.RecyclerView>

    <com.yanxuwen.PinnedHeader.IndexBar.widget.IndexBar
        android:id="@+id/indexBar"
        android:layout_width="24dp"
        android:layout_height="match_parent"
        android:layout_marginTop="150dp"
        android:layout_marginBottom="150dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        app:indexBarPressBackground="#00000000"
        app:textColor="#3388FF"
        app:indexBarTextSize="12sp"/>

    <TextView
        android:id="@+id/tvSideBarHint"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minWidth="80dp"
        android:minHeight="80dp"
        android:layout_gravity="center"
        android:background="@drawable/shape_side_bar_bg"
        android:gravity="center"
        android:layout_centerInParent="true"
        android:textColor="@android:color/white"
        android:textSize="48sp"
        android:visibility="gone"
        android:padding="10dp"
        tools:text="A"
        tools:visibility="visible"/>

</RelativeLayout>

java:
mRv = (RecyclerView) findViewById(R.id.rv);
mRv.setLayoutManager(mManager = new LinearLayoutManager(this));
mAdapter = new CityAdapter(this, mDatas);
mHeaderAdapter = new HeaderRecyclerAndFooterWrapperAdapter(mAdapter) {
protected void onBindHeaderHolder(ViewHolder holder, int headerPos, int layoutId, Object o) {
                holder.setText(R.id.tvCity, (String) o);
        }
 };
mHeaderAdapter.addHeaderView(R.layout.item_city, "測試頭部");
mHeaderAdapter.addHeaderView(R.layout.item_city, "測試頭部2");
mRv.setAdapter(mHeaderAdapter);
//添加頭部導航
mRv.addItemDecoration(mDecoration = new SuspensionDecoration(this, mDatas).setHeaderViewCount(mHeaderAdapter.getHeaderViewCount()));
mRv.addItemDecoration(new DividerItemDecoration(PinnedHeaderActivity.this, LinearLayoutManager.VERTICAL));
//使用indexBar
mTvSideBarHint = (TextView) findViewById(R.id.tvSideBarHint);//HintTextView
mIndexBar = (IndexBar) findViewById(R.id.indexBar);//IndexBar
mIndexBar.setPressedShowTextView(mTvSideBarHint)//設置HintTextView
                .setNeedRealIndex(true)//設置需要真實的索引
                .setLayoutManager(mManager);//設置RecyclerView的LayoutManager
 initDatas(getResources().getStringArray(R.array.provinces));
initDatas:
   mDatas = new ArrayList<>();
                for (int i = 0; i < data.length; i++) {
                    CityBean cityBean = new CityBean();
                    cityBean.setCity(data[i]);//設置城市名稱
                    mDatas.add(cityBean);
                }

                mIndexBar
                       //設置懸停頭部如A,B,C,D,跟索引進行關聯(lián)
                        .setSuspensionDecoration(mDecoration)
                        //是否需要根據(jù)實際的數(shù)據(jù)來生成索引數(shù)據(jù)源(例如 只有 A B C 三種tag,那么索引欄就 A B C 三項),如果為false索引欄就會顯示從A到Z的數(shù)據(jù)
                        .setNeedRealIndex(true)
                        //設置是否排序,默認true強制從A到Z進行排序,false則會按照給的數(shù)據(jù)順序進行排序,而且會自動隱藏索引欄
                        .setIsSort(true)
                        .setSourceDatas(mDatas)//設置數(shù)據(jù)
                        .setHeaderViewCount(mHeaderAdapter.getHeaderViewCount())//設置HeaderView數(shù)量
                        .invalidate();

                mAdapter.setDatas(mDatas);
                mHeaderAdapter.notifyDataSetChanged();
Adapter:跟上面的Adapter沒什么區(qū)別,這里就不需要多介紹
CityBean 重點,一定要繼承BaseIndexPinyinBean
public class CityBean extends BaseIndexPinyinBean {

    private String city;//城市名字

    public CityBean() {
    }

    public CityBean(String city) {
        this.city = city;
    }

    public String getCity() {
        return city;
    }

    public CityBean setCity(String city) {
        this.city = city;
        return this;
    }

    /**
     * 是否需要被轉(zhuǎn)化成拼音,
     * true的話,頭部跟索引都會將getTarget值轉(zhuǎn)換為拼音
     * 【這里給ab值做了特殊處理,如果是ab則不強制轉(zhuǎn)換為拼音】
     */
    @Override
    public boolean isNeedToPinyin() {
        return  city.equals("ab")?false:true;
    }

    /**
     * 前提【isNeedToPinyin為false,才能顯示是全文,不然都getTarget的首拼】
     * 頭部跟索引的值,isNeedToPinyin為true則會自動轉(zhuǎn)換為拼音首字母,false的話則原文顯示
     * 【這里做了特殊處理,如果是ab值,則頭部顯示"&%%"標記,其他顯示Aab】
     */
    @Override
    public String getTarget() {
        return  city.equals("ab")?"&%%":city;
    }


    /**
     *  前提【isNeedToPinyin為false,才能自定義,不然無線】
     * 自定義索引值
     */
    public String getIndexString() {
        return  city.equals("ab")?"&":null;
    }

    /**
     * 是否需要顯示懸停title
     */
    @Override
    public boolean isShowSuspension() {
        return true;
    }
}

github代碼:https://github.com/yanxuwen/MyRecyclerView
微信公眾號:
qrcode_for_gh_8e99f824c0d6_344.jpg

喜歡就在github star下,非常感謝o(∩_∩)o~~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,936評論 6 535
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,744評論 3 421
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,879評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,181評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,935評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,325評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,384評論 3 443
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,534評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,084評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,892評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,067評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,623評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,322評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,735評論 0 27
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,990評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,800評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,084評論 2 375

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,677評論 25 708
  • 原來年少時的歡喜 是受了很多委屈,卻都不介意 后來再遇到其他人 吹毛求疵跟你較真 而你也不愿多說什么 心中小鹿已經(jīng)...
    石堅強閱讀 999評論 2 14
  • 書一拿到手,不禁讓人望而生畏。捧在手上,沉甸甸的歷史厚重感,仿佛捧起了那個絲綢之路的大背景下滿滿的精髓與記憶。足足...
    鯨小奇fir閱讀 561評論 0 0
  • 一個人為什么要努力? 因為雖然未來總是未知,但只要你肯努力,你想要的,歲月都會給你。 1一個人為什么要努力? 因為...
    獵豹七七閱讀 412評論 0 2