Android仿微信联系人按字母排序

Android仿微信联系人按字母排序,第1张

概述App只要涉及到联系人的界面,几乎都是按照字母排序以及导航栏的方式。既然这个需求这么火,于是开始学习相关内容,此篇文章是我通过参考网上资料独立编写和总结的,希望多多少少对大家有所帮助,写的不好,还请各位朋

App只要涉及到联系人的界面,几乎都是按照字母排序以及导航栏的方式。既然这个需求这么火,于是开始学习相关内容,此篇文章是我通过参考网上资料独立编写和总结的,希望多多少少对大家有所帮助,写的不好,还请各位朋友指教。

效果图如下:

实现这个效果,需要三个知识点 :
1:将字符串 进行拼音分类
2:ExpandableListVIEw 二级扩展列表
3:右边字母分类VIEw

我们先一个一个来了解解决方案,再上代码。

实现字母分类:

字母分类又分为三个小要点:一个是将中文转化为拼音,一个是实现按照字母的顺序排序,另一个是字母只显示在具有相同首字母中文的第一个前面。

1、将中文转化为拼音,这里使用了一个工具包,即pinyin4j-2.5.0.jar。官网地址:http://pinyin4j.sourceforge.net/
点击下载,导入项目即可。(至于教程,网上很多)

在这里我们只需要使用将中文转换成拼音的代码即可。

@H_403_39@PinyinUtils.javapublic 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、实现按照字母的顺序排序,使用的是JAVA自带的Comparator接口,利用之前获取到的中文拼音,得到首字母并根据ascii值来实现排序。

@H_403_39@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、字母只显示在具有相同首字母中文的第一个前面。这里算是一个小技巧,这里字母显示的布局与中文名字的布局都是存放在ListVIEw的item的布局中的。

item的布局如下:

@H_403_39@<?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" > <!-- 这个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>

而判断是否需要显示字母,是通过判断当前item的position是否等于第一个出现item对应的中文首字母的索引。

如果相等,则说明是第一次出现,便需要显示字母,否则不显示字母。而这样的判断,有一个前提,那就是中文拼音的排序必须是按照字母顺序排序的,这就是我们在上一步排序的必要。
 实现右侧的字母导航:
右侧的字母导航,其本质就是一个自定义view。除了绘制界面之外,需要注意的就是触摸事件的处理,还有回调机制(这个很多地方都会用到)的使用。这个比较重要,直接上代码吧。

@H_403_39@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个字母 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设置显示字母的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); } /** * 重写这个方法 */ protected voID onDraw(Canvas canvas) { super.onDraw(canvas); // 获取焦点改变背景颜色. int height = getHeight();// 获取对应高度 int wIDth = getWIDth(); // 获取对应宽度 int singleHeight = height / A_Z.length-2;// 获取每一个字母的高度 (这里-2仅仅是为了好看而已) for (int i = 0; i < A_Z.length; i++) { paint.setcolor(color.rgb(33,65,98)); //设置字体颜色 paint.setTypeface(Typeface.DEFAulT_BolD); //设置字体 paint.setAntiAlias(true); //设置抗锯齿 paint.setTextSize(30); //设置字母字体大小 // 选中的状态 if (i == choose) { paint.setcolor(color.parsecolor("#3399ff")); //选中的字母改变颜色 paint.setFakeBoldText(true); //设置字体为粗体 } // x坐标等于中间-字符串宽度的一半. 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();// 重置画笔 } } @OverrIDe public boolean dispatchtouchEvent(MotionEvent event) { final int action = event.getAction(); final float y = event.getY();// 点击y坐标 final int oldChoose = choose; final OntouchingLetterChangedListener Listener = ontouchingLetterChangedListener; final int c = (int) (y / getHeight() * A_Z.length);// 点击y坐标所占总高度的比例*b数组的长度就等于点击b中的个数. 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) { //判断选中字母是否发生改变 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; } /** * 向外公开的方法 * * @param ontouchingLetterChangedListener */ public voID setontouchingLetterChangedListener( OntouchingLetterChangedListener ontouchingLetterChangedListener) { this.ontouchingLetterChangedListener = ontouchingLetterChangedListener; } /** * 接口 * * @author coder * */ public interface OntouchingLetterChangedListener { public voID ontouchingLetterChanged(String s); }}

 接下来就是MainActivity和SortAdapter的代码了。

@H_403_39@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(这里用一句话描述这个类的作用) * @author 银色的流星 欢迎批评、指导、交流 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); // 正则表达式,判断首字母是否是英文字母 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); // 设置字母导航触摸监听 sIDebar.setontouchingLetterChangedListener(new OntouchingLetterChangedListener() { @OverrIDe public voID ontouchingLetterChanged(String s) { // Todo auto-generated method stub // 该字母首次出现的位置 int position = sortadapter.getpositionForSelection(s.charat(0)); if (position != -1) { ListVIEw.setSelection(position); } } }); data = getData(getResources().getStringArray(R.array.Listpersons)); // 数据在放在adapter之前需要排序 Collections.sort(data,new PinyinComparator()); sortadapter = new SortAdapter(this,data); ListVIEw.setAdapter(sortadapter); }}

SortAdapter.java:

@H_403_39@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); // 通过首字母的assii值来判断是否显示字母 int positionForSelection = getpositionForSelection(selection); if (position == positionForSelection) {// 相等说明需要显示字母 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; }}

虽然不全,但比较重要的代码都已经贴上去了,希望对大家有所帮助 

总结

以上是内存溢出为你收集整理的Android仿微信联系人按字母排序全部内容,希望文章能够帮你解决Android仿微信联系人按字母排序所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1141803.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存