android自定义View之Android手机通讯录制作

android自定义View之Android手机通讯录制作我们的手机通讯录一般都有这样的效果，如下图：OK，这种效果大家都见得多了，基本上所有的Android手机通讯录都有这样的效果。

那我们今天就来看看这个效果该怎么实现。

一.概述1.页面功能分析整体上来说，左边是一个ListView，右边是一个自定义View，但是左边的ListView 和我们平常使用的ListView还有一点点不同，就是在ListView中我对所有的联系人进行了分组，那么这种效果的实现最常见的就是两种思路：1.使用ExpandableListView来实现这种分组效果2.使用普通ListView，在构造Adapter时实现SectionIndexer接口，然后在Adapter 中做相应的处理这两种方式都不难，都属于普通控件的使用，那么这里我们使用第二种方式来实现，第一种方式的实现方法大家可以自行研究，如果你还不熟悉ExpandableListView的使用，可以参考我的另外两篇博客：1.使用ExpandableListView实现一个时光轴2.android开发之ExpandableListView的使用，实现类似QQ好友列表OK，这是我们左边ListView的实现思路，右边这个东东就是我们今天的主角，这里我通过自定义一个View来实现，View中的A、B......#这些字符我都通过canvas的drawText 方法绘制上去。

然后重写onTouchEvent方法来实现事件监听。

2.要实现的效果要实现的效果如上图所示，但是大家看图片有些地方可能还不太清楚，所以这里我再强调一下：1.左边的ListView对数据进行分组显示2.当左边ListView滑动的时候，右边滑动控件中的文字颜色能够跟随左边ListView 的滑动自动变化3.当手指在右边的滑动控件上滑动时，手指滑动到的地方的文字颜色应当发生变化，同时在整个页面的正中央有一个TextView显示手指目前按下的文字4.当手指按下右边的滑动控件时，右边的滑动控件背景变为灰色，手指松开后，右边的滑动控件又变为透明色二.左边ListView分组效果的实现无论多大的工程，我们都要将之分解为一个个细小的功能块分步来实现，那么这里我们就先来看看左边的ListView的分组的实现，这个效果实现之后，我们再来看看右边的滑动控件该怎么实现。

首先我需要在布局文件中添加一个ListView，这个很简单，和普通的ListView一模一样，我就不贴代码了，另外，针对ListView中的数据集，我需要自建一个实体类，该实体类如下：/*** Created by wangsong on 2016/4/24.*/public class User {private intimg;private String username;private String pinyin;private String firstLetter;public User() {}public String getFirstLetter() {return firstLetter;}public void setFirstLetter(String firstLetter) { this.firstLetter = firstLetter;}public intgetImg() {return img;}public void setImg(intimg) {this.img = img;}public String getPinyin() {return pinyin;public void setPinyin(String pinyin) {this.pinyin = pinyin;}public String getUsername() {return username;}public void setUsername(String username) {ername = username;}public User(String firstLetter, intimg, String pinyin, String username) { this.firstLetter = firstLetter;this.img = img;this.pinyin = pinyin;ername = username;}username 用来存储用户名，img表示用户图像的资源id（这里我没有准备相应的图片，大家有兴趣可以自行添加），pinyin表示用户姓名的拼音，firstLetter表示用户姓名拼音的首字母，OK ，就这么简单的几个属性。

至于数据源，我在strings.xml文件中添加了许多数据，这里就不贴出来了，大家可以直接在文末下载源码看。

知道了数据源，知道了实体类，我们来看看在MainActivity中怎么样来初始化数据：private void initData() {list = new ArrayList<>();String[] allUserNames = getResources().getStringArray(R.array.arrUsernames);for (String allUserName :allUserNames) {User user = new User();user.setUsername(allUserName);String convert =ChineseToPinyinHelper.getInstance().getPinyin(allUserName).toUpperCase();user.setPinyin(convert);String substring = convert.substring(0, 1);if (substring.matches("[A-Z]")) {user.setFirstLetter(substring);user.setFirstLetter("#");}list.add(user);}Collections.sort(list, new Comparator<User>() {@Overridepublic intcompare(User lhs, User rhs) {if (lhs.getFirstLetter().contains("#")) {return 1;} else if (rhs.getFirstLetter().contains("#")) { return -1;}else{returnlhs.getFirstLetter().compareTo(rhs.getFirstLetter());}}});}首先创建一个List集合用来存放所有的数据，然后从strings.xml文件中读取出来所有的数据，遍历数据然后存储到List集合中，在遍历的过程中，我通过ChineseToPinyinHelper 这个工具类来将中文转为拼音，然后截取拼音的第一个字母，如果该字母是A～Z，那么直接设置给 user对象的firstLetter属性，否则user对象的firstLetter属性为一个#，这是由于我的数据源中有一些不是以汉字开头的姓名，而是以其他字符开头的姓名，那么我将这些统一归为#这个分组。

OK，数据源构造好之后，我还需要对List集合进行一个简单的排序，那么这个排序是Java中的操作，我这里就不再赘述。

构造完数据源之后，接着就该是构造ListView的Adapter了，我们来看看这个怎么做，先来看看源码：/*** Created by wangsong on 2016/4/24.*/public class MyAdapter extends BaseAdapter implements SectionIndexer {private List<User> list;private Context context;private LayoutInflaterinflater;public MyAdapter(Context context, List<User> list) {this.context = context;this.list = list;inflater = LayoutInflater.from(context); }@Overridepublic intgetCount() {return list.size();}@Overridepublic Object getItem(int position) { return list.get(position);}@Overridepublic long getItemId(int position) { return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder;if (convertView == null) {convertView = inflater.inflate(yout.listview_item, null);holder = new ViewHolder();holder.showLetter = (TextView) convertView.findViewById(R.id.show_letter); ername = (TextView) convertView.findViewById(ername); convertView.setTag(holder);} else {holder = (ViewHolder) convertView.getTag();}User user = list.get(position);ername.setText(user.getUsername());//获得当前position是属于哪个分组intsectionForPosition = getSectionForPosition(position);//获得该分组第一项的positionintpositionForSection = getPositionForSection(sectionForPosition);//查看当前position是不是当前item所在分组的第一个item//如果是，则显示showLetter，否则隐藏if (position == positionForSection) {holder.showLetter.setVisibility(View.VISIBLE);holder.showLetter.setText(user.getFirstLetter());} else {holder.showLetter.setVisibility(View.GONE);}return convertView;}@Overridepublic Object[] getSections() {return new Object[0];}//传入一个分组值[A....Z],获得该分组的第一项的position@Overridepublic intgetPositionForSection(intsectionIndex) {for (inti = 0; i<list.size(); i++) {if (list.get(i).getFirstLetter().charAt(0) == sectionIndex) {return i;}}return -1;}//传入一个position，获得该position所在的分组@Overridepublic intgetSectionForPosition(int position) {return list.get(position).getFirstLetter().charAt(0);}class ViewHolder {TextView username, showLetter;}}这个Adapter大部分还是和我们之前的Adapter一样的，只不过这里实现了SectionIndexer接口，实现了这个接口，我们就要实现该接口中的三个方法，分别是getSections(),getPositionForSection(),getSectionForPosition()这三个方法，我们这里用到的主要是后面这两个方法，那我来详细说一下：1.getPositionForSection(intsectionIndex)这个方法接收一个int类型的参数，该参数实际上就是指我们的分组，我们在这里传入分组的值【A.....Z】，然后我们在方法中通过自己的计算，返回该分组中第一个item的position。