android-仿手机通讯录（支持索引导航和搜索功能）

最近公司需要实现类似于手机通讯录的功能，并支持搜索功能，今天便简单写了一下。基本功能已经实现。我们先看一下效果。联系QQ878586063。以下晒出来的代码，是全部代码。代码不多，大家感受一下。

首页我们看下索引导航View，特别简单一看就懂，这个类已经用模拟器试过除了手表所有的机型，都是可以的。

 @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        for (int i = 0; i < codes.length; i++) {            if (codes[i].equals("#")) {                canvas.drawBitmap(mBitmap, 8 * displayMetrics.density, lineHeight * (i + 1), paint);            } else {                canvas.drawText(codes[i], 10 * displayMetrics.density, 7 * displayMetrics.density + lineHeight * (i + 1), paint);            }        }    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        setMeasuredDimension((int) (viewHeight * displayMetrics.density), (int) (lineHeight * codes.length + 13 * displayMetrics.density));    }    @Override    public boolean onTouchEvent(MotionEvent event) {        switch (event.getAction()) {            case MotionEvent.ACTION_DOWN:                setAlpha(0.5f);                setBackgroundColor(Color.GRAY);                float y = event.getY();                int v = (int) ((y - 6.5 * displayMetrics.density) / lineHeight);                if (v >= 0 && v <= codes.length - 1) {                    if (moveEvent != null)                        moveEvent.move(codes[v]);                }                break;            case MotionEvent.ACTION_MOVE:                y = event.getY();                v = (int) ((y - 6.5 * displayMetrics.density) / lineHeight);                if (v >= 0 && v <= codes.length - 1) {                    if (moveEvent != null)                        moveEvent.move(codes[v]);                }                break;            case MotionEvent.ACTION_UP:                setBackgroundColor(Color.WHITE);                setAlpha(1f);                break;        }        return super.onTouchEvent(event);    }

接下来我们看下怎么处理的：

//数据类 * * Created by yang pengtao on 2017/9/19. */public class SelectCountryCodeBean implements Serializable {    private List<CodesBean> codes;    public List<CodesBean> getCodes() {        return codes;    }    public void setCodes(List<CodesBean> codes) {        this.codes = codes;    }    public static class CodesBean {        /**         * cname : 福克兰群岛（马尔维纳斯）         * ename : Falkland Islands (Islas Malvinas)         * code : +500         */        private String cname;        private String ename;        private String code;        private String first_letter;        private int type = 1;        public String getCname() {            return cname;        }        public void setCname(String cname) {            this.cname = cname;        }        public String getEname() {            return ename;        }        public void setEname(String ename) {            this.ename = ename;        }        public String getCode() {            return code;        }        public void setCode(String code) {            this.code = code;        }        public String getFirst_letter() {            return first_letter;        }        public void setFirst_letter(String first_letter) {            this.first_letter = first_letter;        }        public int getType() {            return type;        }        public void setType(int type) {            this.type = type;        }    }}

我们得到数据后先要处理一下，用pinyin4j.jar得到汉字拼音首字母，还要得到字母显示在列表中的下标，用于我们列表滚动。如果大家需要pinyin4j.jar。戳这里。

/**     * 重置数据成自己想要的数据     *     * @param data 要被重置的数据     */    private void resetData(List<SelectCountryCodeBean.CodesBean> data) {        for (int i = 0; i < data.size(); i++) {            String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(data.get(i).getCname().charAt(0));            if (pinyinArray != null) {                String s = pinyinArray[0].substring(0, 1).toUpperCase();                data.get(i).setFirst_letter(s);                if (!positions.containsKey(s)) {                    positions.put(s, i);                }            }        }    }

有了数据我们就可以把数据显示到我们的列表上了，我用到了我写的上一篇封装的适配器，用起来非常方便，不用编写adapter和view holder，看下面代码，感受一下。希望大家赶快用起来吧。想学习的可以直接看暴力封装Adapter。

 /**     * 设置adapter     */    private void setAdapter() {        listview.setAdapter(new BaseAdapter<SelectCountryCodeBean.CodesBean>(R.layout.layout_select_country_code, codes) {            @Override            public void onBindViewHolder(BaseViewHolder holder, List<SelectCountryCodeBean.CodesBean> data, int position) {                if (position != 0 && data.get(position).getFirst_letter().equals(data.get(position - 1).getFirst_letter())) {                    holder.getView(R.id.code).setVisibility(View.GONE);                } else {                    holder.getView(R.id.code).setVisibility(View.VISIBLE);                }                holder.setText(R.id.code, data.get(position).getFirst_letter());                holder.setText(R.id.country, data.get(position).getCname() + "（" + data.get(position).getEname() + "）").setText(R.id.country_code, data.get(position).getCode());            }        });    }

实现索引导航的代码也只不过仅仅几行，来感受虾：

 /**     * 索引导航     */    private void indexNavigae() {        ((ZoomImageView) findViewById(R.id.leftView)).setMoveEvent(new ZoomImageView.MoveEvent() {            @Override            public void move(String code) {                if (positions.get(code) != null) {                    linearLayoutManager.scrollToPositionWithOffset(positions.get(code), 0);                }            }        });    }

最后就只有我们的搜索功能，闲话不多说，直接感受：

/**     * 搜索数据     *     * @param s 搜索字符     */    public void searchResetData(String s) {        serachData.clear();        //如果为null，直接使用全部数据        if (s.equals("")) {            serachData.addAll(codes);        } else {            //否则，匹配相应的数据            for (int i = 0; i < codes.size(); i++) {                if (codes.get(i).getCname().indexOf(s) >= 0 || codes.get(i).getEname().indexOf(s) >= 0) {//这里可拓展自己想要的，甚至可以拆分搜索汉字来匹配                    serachData.add(codes.get(i));                }            }        }        //绑定索引        positions.clear();        resetData(serachData);        //刷新数据        ((BaseAdapter<SelectCountryCodeBean.CodesBean>) listview.getAdapter()).setmData(serachData);    }

最后有一点非常重要：给IndexNavigateView加一个click事件，否则触摸事件回合recyclerView冲突。

到这就结束了，是不是特别简单，欢迎评论反馈。大家支持一下。