Android實(shí)現(xiàn)qq列表式的分類懸浮提示
效果圖:
這種效果的實(shí)現(xiàn)這里是采用自定義ExpandableListView
,給它設(shè)置一個(gè)指示布局,在滑動(dòng)過程中監(jiān)聽當(dāng)前是否應(yīng)該懸浮顯示分類來實(shí)現(xiàn)的。今天抽時(shí)間,整理了下代碼,記錄一下使用過程,以便有類似的需求的時(shí)候可以快速搞定。
話不多說,我們直接看代碼和使用方法。
一 項(xiàng)目結(jié)構(gòu)
上邊兒三個(gè)類分別是我們的自定義ExpandableListView
,主界面,以及ExpandableListView
使用的Adapter
。下邊兒幾個(gè)xml文件分別是主界面布局,指示器布局,ExpandableListView
子項(xiàng)布局,ExpandableListView
組布局。
二 實(shí)現(xiàn)代碼
1.在xml中聲明自定義ExpandableListView
<test.com.expandablelistviewdemo.CustomExpandListview //這里不唯一,看你具體把CustomExpandListview放在哪里 android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent"></test.com.expandablelistviewdemo.CustomExpandListview>
2.聲明數(shù)據(jù)源相關(guān)(這里為了演示,數(shù)據(jù)全是String類型,看具體需求可改變)
private String[] parentSource = {"分類1", "分類2", "分類3", "分類4", "分類5"}; private ArrayList<String> parent = new ArrayList<>(); private Map<String, ArrayList<String>> datas = new HashMap<>();
3.初始化演示數(shù)據(jù)
//種類 for (int i = 0; i < parentSource.length; i++) { parent.add(parentSource[i]); } //給每個(gè)種類添加模擬數(shù)據(jù) for (int i = 0; i < parent.size(); i++) { String str = parent.get(i); ArrayList<String> temp = new ArrayList<>(); for (int j = 0; j < 20; j++) { temp.add("" + j); } datas.put(str, temp); }
4.初始化Adapter以及使用
myAdapter = new MyAdapter(this, parent, datas, listview); listview.setAdapter(myAdapter);
在初始化adapter
的時(shí)候,可以看到我們?cè)跇?gòu)造方法中傳入了上下文對(duì)象,種類,數(shù)據(jù),以及我們的CustomExpandListview
對(duì)象,所以在CustomExpandListview
中我們要添加相應(yīng)的構(gòu)造方法。
5.設(shè)置懸浮提示布局
listview.setHeaderView(getLayoutInflater().inflate(R.layout.indictor_layout, listview, false));
6.其他
默認(rèn)全部展開
for (int i = 0; i < parent.size(); i++) { listview.expandGroup(i); }
item點(diǎn)擊事件
listview.setOnChildClickListener(new ExpandableListView.OnChildClickListener() { @Override public boolean onChildClick(ExpandableListView expandableListView, View view, int i, int i1, long l) { Toast.makeText(MainActivity.this, "點(diǎn)擊了第" + (i + 1) + " 類的第" + i1 + "項(xiàng)", Toast.LENGTH_SHORT).show(); return true; } } );
三 總結(jié)
從上邊兒的步驟可以看出,使用CustomExpandListview實(shí)現(xiàn)圖中的效果是非常容易的,以上就是這篇文章的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)或工作帶來一定的幫助,如果有疑問可以留言交流。
- Android仿京東分類模塊左側(cè)分類條目效果
- Android使用Scroll+Fragment仿京東分類效果
- Android 仿京東、拼多多商品分類頁的示例代碼
- Android實(shí)現(xiàn)網(wǎng)易Tab分類排序控件實(shí)現(xiàn)
- Android使用分類型RecyclerView仿各大商城首頁
- Android編程實(shí)現(xiàn)仿美團(tuán)或淘寶的多級(jí)分類菜單效果示例【附demo源碼下載】
- android使用 ScrollerView 實(shí)現(xiàn) 可上下滾動(dòng)的分類欄實(shí)例
- Android 仿網(wǎng)易新聞客戶端分類排序功能
- Android學(xué)習(xí)教程之分類側(cè)滑菜單(5)
- Android實(shí)現(xiàn)京東App分類頁面效果
相關(guān)文章
Android自定義指示器時(shí)間軸效果實(shí)例代碼詳解
指示器時(shí)間軸在外賣、購物類的APP里會(huì)經(jīng)常用到,效果大家都知道的差不多吧,下面小編通過實(shí)例代碼給大家分享Android自定義指示器時(shí)間軸效果,需要的朋友參考下吧2017-12-12簡單仿寫Android控件SlidingMenu的實(shí)例代碼
下面小編就為大家分享一篇簡單仿寫Android控件SlidingMenu的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01Android 詳解Studio引用Library與導(dǎo)入jar
這篇文章主要介紹了Android Studio引用Library與導(dǎo)入jar的相關(guān)資料,需要的朋友可以參考下2017-01-01Android仿微信和QQ多圖合并框架(類似群頭像)的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于Android仿微信和QQ多圖合并框架的相關(guān)資料,其實(shí)就是我們平時(shí)所見的群聊頭像,文中通過示例代碼介紹的非常詳細(xì),對(duì)各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12Android使用LinearLayout設(shè)置邊框
這篇文章主要介紹了Android如何使用LinearLayout設(shè)置邊框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09Android自定義View的實(shí)現(xiàn)方法實(shí)例詳解
本文通過實(shí)例代碼給大家詳細(xì)介紹了Android自定義View的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-09-09Android View移動(dòng)的3種方式總結(jié)
這篇文章主要給大家介紹了Android View移動(dòng)的三種方式,在介紹這三種方式之前先介紹了Android坐標(biāo)系的定義規(guī)則以及View的一些位置參數(shù)。有需要的朋友們可以參考借鑒。2016-09-09Android Studio使用教程(二):基本設(shè)置與運(yùn)行
這篇文章主要介紹了Android Studio使用教程(二):基本設(shè)置與運(yùn)行,本文講解了項(xiàng)目結(jié)構(gòu)、偏好設(shè)置、常用功能介紹、創(chuàng)建模擬器等內(nèi)容,需要的朋友可以參考下2015-05-05