Android仿微信聯(lián)系人按字母排序
App只要涉及到聯(lián)系人的界面,幾乎都是按照字母排序以及導(dǎo)航欄的方式。既然這個(gè)需求這么火,于是開(kāi)始學(xué)習(xí)相關(guān)內(nèi)容,此篇文章是我通過(guò)參考網(wǎng)上資料獨(dú)立編寫(xiě)和總結(jié)的,希望多多少少對(duì)大家有所幫助,寫(xiě)的不好,還請(qǐng)各位朋友指教。
效果圖如下:

實(shí)現(xiàn)這個(gè)效果,需要三個(gè)知識(shí)點(diǎn) :
1:將字符串 進(jìn)行拼音分類(lèi)
2:ExpandableListView 二級(jí)擴(kuò)展列表
3:右邊字母分類(lèi)View
我們先一個(gè)一個(gè)來(lái)了解解決方案,再上代碼。
實(shí)現(xiàn)字母分類(lèi):
字母分類(lèi)又分為三個(gè)小要點(diǎn):一個(gè)是將中文轉(zhuǎn)化為拼音,一個(gè)是實(shí)現(xiàn)按照字母的順序排序,另一個(gè)是字母只顯示在具有相同首字母中文的第一個(gè)前面。
1、將中文轉(zhuǎn)化為拼音,這里使用了一個(gè)工具包,即pinyin4j-2.5.0.jar。官網(wǎng)地址:http://pinyin4j.sourceforge.net/
點(diǎn)擊下載,導(dǎo)入項(xiàng)目即可。(至于教程,網(wǎng)上很多)

在這里我們只需要使用將中文轉(zhuǎn)換成拼音的代碼即可。
PinyinUtils.java
public static String getPingYin(String inputString) {
HanyuPinyinOutputFormat format = new HanyuPinyinOutputFormat();
format.setCaseType(HanyuPinyinCaseType.LOWERCASE);
format.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
format.setVCharType(HanyuPinyinVCharType.WITH_V);
char[] input = inputString.trim().toCharArray();
String output = "";
try {
for (char curchar : input) {
if (java.lang.Character.toString(curchar).matches("[\\u4E00-\\u9FA5]+")) {
String[] temp = PinyinHelper.toHanyuPinyinStringArray(curchar, format);
output += temp[0];
} else
output += java.lang.Character.toString(curchar);
}
} catch (BadHanyuPinyinOutputFormatCombination e) {
e.printStackTrace();
}
return output;
}
2、實(shí)現(xiàn)按照字母的順序排序,使用的是JAVA自帶的Comparator接口,利用之前獲取到的中文拼音,得到首字母并根據(jù)ascii值來(lái)實(shí)現(xiàn)排序。
private int sort(PersonBean lhs, PersonBean rhs) {
// 獲取ascii值
int lhs_ascii = lhs.getFirstPinYin().toUpperCase().charAt(0);
int rhs_ascii = rhs.getFirstPinYin().toUpperCase().charAt(0);
// 判斷若不是字母,則排在字母之后
if (lhs_ascii < 65 || lhs_ascii > 90)
return 1;
else if (rhs_ascii < 65 || rhs_ascii > 90)
return -1;
else
return lhs.getPinYin().compareTo(rhs.getPinYin());
}
3、字母只顯示在具有相同首字母中文的第一個(gè)前面。這里算是一個(gè)小技巧,這里字母顯示的布局與中文名字的布局都是存放在ListView的item的布局中的。
item的布局如下:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <!-- 這個(gè)TextView就是顯示字母的 --> <TextView android:id="@+id/tv_lv_item_tag" android:layout_width="match_parent" android:layout_height="20dp" android:background="#e6e6e6" android:gravity="center_vertical" android:paddingLeft="10dip" android:text="Z" android:visibility="visible" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" > <View android:id="@+id/view_lv_item_line" android:layout_width="match_parent" android:layout_height="0.5dip" android:background="#174465" android:layout_marginLeft="10dip" android:layout_marginRight="20dip" /> <ImageView android:id="@+id/iv_lv_item_head" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" android:layout_below="@id/view_lv_item_line" android:layout_marginLeft="5dp" /> <TextView android:id="@+id/tv_lv_item_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_toRightOf="@id/iv_lv_item_head" android:layout_marginLeft="5dip" android:text="周華健"/> </RelativeLayout> </LinearLayout>
而判斷是否需要顯示字母,是通過(guò)判斷當(dāng)前item的position是否等于第一個(gè)出現(xiàn)item對(duì)應(yīng)的中文首字母的索引。
如果相等,則說(shuō)明是第一次出現(xiàn),便需要顯示字母,否則不顯示字母。而這樣的判斷,有一個(gè)前提,那就是中文拼音的排序必須是按照字母順序排序的,這就是我們?cè)谏弦徊脚判虻谋匾?br />
實(shí)現(xiàn)右側(cè)的字母導(dǎo)航:
右側(cè)的字母導(dǎo)航,其本質(zhì)就是一個(gè)自定義View。除了繪制界面之外,需要注意的就是觸摸事件的處理,還有回調(diào)機(jī)制(這個(gè)很多地方都會(huì)用到)的使用。這個(gè)比較重要,直接上代碼吧。
package com.suse.contact;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Typeface;
import android.graphics.drawable.ColorDrawable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.TextView;
public class SideBar extends View {
// 觸摸事件
private OnTouchingLetterChangedListener onTouchingLetterChangedListener;
// 26個(gè)字母
public static String[] A_Z = { "A", "B", "C", "D", "E", "F", "G", "H", "I",
"J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V",
"W", "X", "Y", "Z", "#" };
private int choose = -1;// 選中
private Paint paint = new Paint();
private TextView mTextDialog;
/**
* 為SideBar設(shè)置顯示字母的TextView
* @param mTextDialog
*/
public void setTextView(TextView mTextDialog) {
this.mTextDialog = mTextDialog;
}
public SideBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public SideBar(Context context, AttributeSet attrs) {
super(context, attrs);
}
public SideBar(Context context) {
super(context);
}
/**
* 重寫(xiě)這個(gè)方法
*/
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 獲取焦點(diǎn)改變背景顏色.
int height = getHeight();// 獲取對(duì)應(yīng)高度
int width = getWidth(); // 獲取對(duì)應(yīng)寬度
int singleHeight = height / A_Z.length-2;// 獲取每一個(gè)字母的高度 (這里-2僅僅是為了好看而已)
for (int i = 0; i < A_Z.length; i++) {
paint.setColor(Color.rgb(33, 65, 98)); //設(shè)置字體顏色
paint.setTypeface(Typeface.DEFAULT_BOLD); //設(shè)置字體
paint.setAntiAlias(true); //設(shè)置抗鋸齒
paint.setTextSize(30); //設(shè)置字母字體大小
// 選中的狀態(tài)
if (i == choose) {
paint.setColor(Color.parseColor("#3399ff")); //選中的字母改變顏色
paint.setFakeBoldText(true); //設(shè)置字體為粗體
}
// x坐標(biāo)等于中間-字符串寬度的一半.
float xPos = width / 2 - paint.measureText(A_Z[i]) / 2;
float yPos = singleHeight * i + singleHeight;
canvas.drawText(A_Z[i], xPos, yPos, paint); //繪制所有的字母
paint.reset();// 重置畫(huà)筆
}
}
@Override
public boolean dispatchTouchEvent(MotionEvent event) {
final int action = event.getAction();
final float y = event.getY();// 點(diǎn)擊y坐標(biāo)
final int oldChoose = choose;
final OnTouchingLetterChangedListener listener = onTouchingLetterChangedListener;
final int c = (int) (y / getHeight() * A_Z.length);// 點(diǎn)擊y坐標(biāo)所占總高度的比例*b數(shù)組的長(zhǎng)度就等于點(diǎn)擊b中的個(gè)數(shù).
switch (action) {
case MotionEvent.ACTION_UP:
setBackgroundDrawable(new ColorDrawable(0x00000000));
choose = -1;//
invalidate();
if (mTextDialog != null) {
mTextDialog.setVisibility(View.INVISIBLE);
}
break;
default:
setBackgroundResource(R.drawable.sidebar_background);
if (oldChoose != c) { //判斷選中字母是否發(fā)生改變
if (c >= 0 && c < A_Z.length) {
if (listener != null) {
listener.onTouchingLetterChanged(A_Z[c]);
}
if (mTextDialog != null) {
mTextDialog.setText(A_Z[c]);
mTextDialog.setVisibility(View.VISIBLE);
}
choose = c;
invalidate();
}
}
break;
}
return true;
}
/**
* 向外公開(kāi)的方法
*
* @param onTouchingLetterChangedListener
*/
public void setOnTouchingLetterChangedListener(
OnTouchingLetterChangedListener onTouchingLetterChangedListener) {
this.onTouchingLetterChangedListener = onTouchingLetterChangedListener;
}
/**
* 接口
*
* @author coder
*
*/
public interface OnTouchingLetterChangedListener {
public void onTouchingLetterChanged(String s);
}
}
接下來(lái)就是MainActivity和SortAdapter的代碼了。
MainActivity.java:
package com.suse.contact;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.TextView;
import com.suse.contact.SideBar.OnTouchingLetterChangedListener;
/**
*
* @ClassName: MainActivity
* @Description: TODO(這里用一句話描述這個(gè)類(lèi)的作用)
* @author 銀色的流星 歡迎批評(píng)、指導(dǎo)、交流 QQ:962455668
*/
public class MainActivity extends Activity {
private ListView listView;
private SortAdapter sortadapter;
private List<PersonBean> data;
private SideBar sidebar;
private TextView dialog;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}
private List<PersonBean> getData(String[] data) {
List<PersonBean> listarray = new ArrayList<PersonBean>();
for (int i = 0; i < data.length; i++) {
String pinyin = PinyinUtils.getPingYin(data[i]);
String Fpinyin = pinyin.substring(0, 1).toUpperCase();
PersonBean person = new PersonBean();
person.setName(data[i]);
person.setPinYin(pinyin);
// 正則表達(dá)式,判斷首字母是否是英文字母
if (Fpinyin.matches("[A-Z]")) {
person.setFirstPinYin(Fpinyin);
} else {
person.setFirstPinYin("#");
}
listarray.add(person);
}
return listarray;
}
private void init() {
// TODO Auto-generated method stub
sidebar = (SideBar) findViewById(R.id.sidebar);
listView = (ListView) findViewById(R.id.listview);
dialog = (TextView) findViewById(R.id.dialog);
sidebar.setTextView(dialog);
// 設(shè)置字母導(dǎo)航觸摸監(jiān)聽(tīng)
sidebar.setOnTouchingLetterChangedListener(new OnTouchingLetterChangedListener() {
@Override
public void onTouchingLetterChanged(String s) {
// TODO Auto-generated method stub
// 該字母首次出現(xiàn)的位置
int position = sortadapter.getPositionForSelection(s.charAt(0));
if (position != -1) {
listView.setSelection(position);
}
}
});
data = getData(getResources().getStringArray(R.array.listpersons));
// 數(shù)據(jù)在放在adapter之前需要排序
Collections.sort(data, new PinyinComparator());
sortadapter = new SortAdapter(this, data);
listView.setAdapter(sortadapter);
}
}
SortAdapter.java:
package com.suse.contact;
import java.util.List;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
public class SortAdapter extends BaseAdapter {
private Context context;
private List<PersonBean> persons;
private LayoutInflater inflater;
public SortAdapter(Context context, List<PersonBean> persons) {
this.context = context;
this.persons = persons;
this.inflater = LayoutInflater.from(context);
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return persons.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return persons.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewholder = null;
PersonBean person = persons.get(position);
if (convertView == null) {
viewholder = new ViewHolder();
convertView = inflater.inflate(R.layout.list_item, null);
viewholder.tv_tag = (TextView) convertView
.findViewById(R.id.tv_lv_item_tag);
viewholder.tv_name = (TextView) convertView
.findViewById(R.id.tv_lv_item_name);
convertView.setTag(viewholder);
} else {
viewholder = (ViewHolder) convertView.getTag();
}
// 獲取首字母的assii值
int selection = person.getFirstPinYin().charAt(0);
// 通過(guò)首字母的assii值來(lái)判斷是否顯示字母
int positionForSelection = getPositionForSelection(selection);
if (position == positionForSelection) {// 相等說(shuō)明需要顯示字母
viewholder.tv_tag.setVisibility(View.VISIBLE);
viewholder.tv_tag.setText(person.getFirstPinYin());
} else {
viewholder.tv_tag.setVisibility(View.GONE);
}
viewholder.tv_name.setText(person.getName());
return convertView;
}
public int getPositionForSelection(int selection) {
for (int i = 0; i < persons.size(); i++) {
String Fpinyin = persons.get(i).getFirstPinYin();
char first = Fpinyin.toUpperCase().charAt(0);
if (first == selection) {
return i;
}
}
return -1;
}
class ViewHolder {
TextView tv_tag;
TextView tv_name;
}
}
雖然不全,但比較重要的代碼都已經(jīng)貼上去了,希望對(duì)大家有所幫助
相關(guān)文章
詳解Android 通過(guò)Socket 和服務(wù)器通訊(附demo)
Android 通過(guò)Socket 和服務(wù)器通訊,是一種比較常用的通訊方式,這篇文章主要介紹了詳解Android 通過(guò)Socket 和服務(wù)器通訊,有興趣的可以了解一下。2016-12-12
Android開(kāi)發(fā)中Toast顯示消息的方法小結(jié)
Android中再按一次退出提醒實(shí)現(xiàn)的兩種方法
Android Material加載進(jìn)度條制作代碼
Android ImageView 固定寬高比例的實(shí)現(xiàn)方法

