快捷導(dǎo)航

Android實(shí)現(xiàn)qq列表式的分類懸浮提示

更新時(shí)間：2016年09月08日 11:02:56 作者：甄某某某某

工作中遇到了一個(gè)需求，讓?xiě)?yīng)用中的一個(gè)列表按照分類顯示，并且能提示當(dāng)前是在哪個(gè)分類，度娘了一番，參考了前輩們的博客后實(shí)現(xiàn)了，現(xiàn)在分享給大家，有需要的可以參考借鑒。

效果圖：

這種效果的實(shí)現(xiàn)這里是采用自定義ExpandableListView，給它設(shè)置一個(gè)指示布局，在滑動(dòng)過(guò)程中監(jiān)聽(tīng)當(dāng)前是否應(yīng)該懸浮顯示分類來(lái)實(shí)現(xiàn)的。今天抽時(shí)間，整理了下代碼，記錄一下使用過(guò)程，以便有類似的需求的時(shí)候可以快速搞定。

話不多說(shuō)，我們直接看代碼和使用方法。

一項(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)全部展開(kāi)

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)圖中的效果是非常容易的，以上就是這篇文章的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)或工作帶來(lái)一定的幫助，如果有疑問(wèn)可以留言交流。

您可能感興趣的文章: