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

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

效果图如下:

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

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

实现字母分类:

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

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

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

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

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的布局如下:

<?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。除了绘制界面之外,需要注意的就是触摸事件的处理,还有回调机制(这个很多地方都会用到)的使用。这个比较重要,直接上代码吧。

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的代码了。

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:

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;
 }
}

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

(0)

相关推荐

  • Android系统联系人全特效实现(上)分组导航和挤压动画(附源码)

    记得在我刚接触Android的时候对系统联系人中的特效很感兴趣,它会根据手机中联系人姓氏的首字母进行分组,并在界面的最顶端始终显示一个当前的分组.如下图所示:  最让我感兴趣的是,当后一个分组和前一个分组相碰时,会产生一个上顶的挤压动画.那个时候我思考了各种方法想去实现这种特效,可是限于功夫不到家,都未能成功.如今两年多过去了,自己也成长了很多,再回头去想想这个功能,突然发现已经有了思路,于是立刻记录下来与大家分享. 首先讲一下需要提前了解的知识点,这里我们最需要用到的就是SectionInde

  • android 加载本地联系人实现方法

    首先先建布局文件,界面很简单,就是一个搜索框和下面的联系人列表:   复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layou

  • Android编程实现通讯录中联系人的读取,查询,添加功能示例

    本文实例讲述了Android编程实现通讯录中联系人的读取,查询,添加功能.分享给大家供大家参考,具体如下: 先加二个读和写权限: <uses-permission android:name="android.permission.READ_CONTACTS" /> <uses-permission android:name="android.permission.WRITE_CONTACTS" /> 具体代码: package com.ebo

  • Android获取手机通讯录、sim卡联系人及调用拨号界面方法

    android获取手机通讯录联系人信息 复制代码 代码如下: private void getPhoneContacts() {        ContentResolver resolver = this.getContentResolver();                // 获取手机联系人       Cursor phoneCursor = resolver.query(Phone.CONTENT_URI,                  new String[] { Phone

  • Android根据电话号码获得联系人头像实例代码

    在日常Android手机的使用过程中,根据电话号码获得联系人头像,是经常会碰到的问题.本文即以实例形式讲述了Android根据电话号码获得联系人头像是实现代码.分享给大家供大家参考之用.具体方法如下: 首先,通过ContentProvider,可以访问Android中的联系人等数据.常用的Uri有: 联系人信息Uri:content://com.android.contacts/contacts 联系人电话Uri:content://com.android.contacts/data/phone

  • Android保存联系人到通讯录的方法

    上一篇文章讲了如何获取所有联系人,这篇文章就讲下怎么保存联系人数据到本机通讯录.这里我就假设你已经拿到了要保存的联系人数据. 因为是一个工具类,所以我这里就只给一个方法了,也是很简单,但是写的没有读取联系人的数据那么多,要保存更多其实看下如何读取的就会了. 直接上源码: /** * 添加联系人到本机 * * @param context * @param contact * @return */ public static boolean addContact(Context context,

  • Android之联系人PinnedHeaderListView使用介绍

    Android联系人中的ListView是做得比较独特的,但是源码写得比较复制,当我们想使用他的时候再从源码中提取,实属不易啊,而且容易出错,这几天,我把他提取出来了,写成一个简单的例子,一是给自己备忘,而是跟大家分享一下,好了,先来看看效果图:  首先是封装好的带头部的PinnedHeaderListView: 复制代码 代码如下: public class PinnedHeaderListView extends ListView { public interface PinnedHeade

  • 使用adb命令向Android模拟器中导入通讯录联系人的方法

    本文实例讲述了使用adb命令向Android模拟器中导入通讯录联系人的方法.分享给大家供大家参考.具体实现方法如下: 使用adb提供的命令, 可以非常方便地从PC中将通讯录导入android模拟器中. 首先要先准备好固定格式的contacts.vcf文件, 该文件即android中的通讯录存储文件. 格式如下: 复制代码 代码如下: BEGIN:VCARD  VERSION:3.0  N:15200000000;;;;  TEL;TYPE=cell:15200000000  END:VCARD 

  • Android手机联系人快速索引(手机通讯录)

    最近需要实现一个手机通讯录的快速索引功能.根据姓名首字母快速索引功能.下面是一个手机联系人快速索引的效果,总体来说代码不算难,拼音转换的地方略有复杂.下面上源码:源码中有注释. 下面是效果图: MainActivity: import java.util.ArrayList; import java.util.Collections; import java.util.List; import android.app.Activity; import android.os.Bundle; imp

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

    App只要涉及到联系人的界面,几乎都是按照字母排序以及导航栏的方式.既然这个需求这么火,于是开始学习相关内容,此篇文章是我通过参考网上资料独立编写和总结的,希望多多少少对大家有所帮助,写的不好,还请各位朋友指教. 效果图如下: 实现这个效果,需要三个知识点 : 1:将字符串 进行拼音分类 2:ExpandableListView 二级扩展列表 3:右边字母分类View 我们先一个一个来了解解决方案,再上代码. 实现字母分类: 字母分类又分为三个小要点:一个是将中文转化为拼音,一个是实现按照字母的

  • Android仿微信联系人列表字母侧滑控件

    仿微信联系人列表字母侧滑控件, 侧滑控件参考了以下博客: Android实现ListView的A-Z字母排序和过滤搜索功能 首先分析一下字母侧滑控件应该如何实现,根据侧滑控件的高度和字母的数量来平均计算每个字母应该占据的高度. 在View的onDraw()方法下绘制每一个字母 protected void onDraw(Canvas canvas) { super.onDraw(canvas); int height = getHeight();// 获取对应高度 int width = get

  • Android仿微信联系人字母排序效果

    本文实例为大家分享了Android联系人字母排序的具体代码,供大家参考,具体内容如下 实现思路:首先说下布局,整个是一个相对布局,最下面是一个listview,listview上面是一个自定义的view(右边显示字母),最上面是一个textview(屏幕中间的方块). 首先说一下右边自定义view,字母是画到view上面的,首先计算一下view的高度,然后除以存放字母数组的长的,得到每个字符的高度:每个字母的宽度都是一样的,所以这里直接设置30sp: listview显示的是108个梁山好汉的名

  • Android仿微信实现首字母导航条

    本文介绍Android实现首字母导航条,先看张效果图,具体怎么实现看代码吧 具体的步骤 1.整体布局的显示 2. 实现A-Z的分组 3. 自定义A-Z的导航条 4. 中间显示/隐藏触摸到导航条具体的字母 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/re

  • android仿微信联系人索引列表功能

    前言   因为自己在做的一个小软件里面需要用到从A-Z排序的ListView,所以自然而然的想到了微信的联系人,我想要的就是那样的效果.本来没打算自己去写,想要第三方写好的东西,搜了几个之后发现有的太复杂了,有的简单是简单,但是不符合我的要求,所以我就来个整合,把复杂性和简单性合二为一. 实现   先来看效果图吧: 要点分析   要实现这样的效果需要考虑下面的几个问题: 右边字母栏的绘制 点击效果的实现 汉字按A-Z的排序问题 正常的Item和字母分隔符的Item的实现   下面我们就解决这几个

  • Android仿微信之界面导航篇(1)

    微信是现在比较流行的应用了,在各大安卓市场几乎都是名列前茅了. 说实话不得不羡慕腾讯庞大的用户群体,只要腾讯敢做,就会有很多人去用. 废话不多说,下面就开始说一下如何实现微信的第一次启动程序的用户导航,ViewPager相信大家都不陌生了,是google放出的一个安卓低版本的兼容包android-support-v4.jar,里面有很多类我们可以去使用.那这个导航就是使用这个类来辅助完成的,在每一个View里放置一个图片,当我们使用ViewPager滑动界面的时候,就会看到一张张图片,从而实现这

  • Android仿微信通讯录列表侧边栏效果

    先看Android仿微信通讯录列表侧边栏效果图 这是比较常见的效果了吧 列表根据首字符的拼音字母来排序,且可以通过侧边栏的字母索引来进行定位. 实现这样一个效果并不难,只要自定义一个索引View,然后引入一个可以对汉字进行拼音解析的jar包--pinyin4j-2.5.0即可 首先,先来定义侧边栏控件View,只要直接画出来即可. 字母选中项会变为红色,且滑动时背景会变色,此时SideBar并不包含居中的提示文本 public class SideBar extends View { priva

  • android仿微信好友列表功能

    android studio实现微信好友列表功能,注意有一个jar包我没有放上来,请大家到MainActivity中的那个网址里面下载即可,然后把pinyin4j-2.5.0.jar复制粘贴到项目的app/libs文件夹里面,然后clean项目就可以使用了 实现效果图: (1)在build.gradle中引用第三方的类库 compile 'com.android.support:recyclerview-v7:26.0.0-alpha1' compile files('libs/pinyin4j

  • Android仿微信通讯录滑动快速定位功能

    先给大家展示下效果图: 实现代码如下: 下面简单说下实现原理. public class IndexBar extends LinearLayout implements View.OnTouchListener { private static final String[] INDEXES = new String[]{"#", "A", "B", "C", "D", "E", &qu

  • Android仿微信@好友功能 输入@跳转、删除整块

    最近在做聊天功能的时候,有一个需求是仿照微信做@好友的功能,本来以为挺简单,但是做到这块的时候,发现和想象的有点不一样,什么整块删除,块可编辑,总之,加个@的功能很简单,但是要做和微信的一样还是费了一些功夫,下面是一个demo仅供参考,防止遗忘 先上个效果图 就是这么个功能 1. 分析需求 输入@跳转到联系人界面,选中一个或者多个好友返回到当前界面 按退格键删除整块内容 块内的内容可编辑,编辑完了之后将不附带@功能,只是单纯的文字 2. 开始编码 既然是文本输入首先继承EditText自定义一个

随机推荐