Android 仿微信通讯录

这篇写下常用的类似通讯录似得效果    右边自定义一个sidebar  左边使用listview实现

效果如下：

1、自定义SideBar 

①重写onDraw     计算每个字母所占的高度  就是整体的高度除以要画的字母的个数，所以每个字母的高为依次叠加

因为竖行排列，所以每个字母的宽都一样，每个字母的x为整体的宽度减去该字母的宽度的一半

②重写触摸事件  拿到触摸的y除以总的高度 然后乘以所有字母的个数  就可以拿到点击的是第几个字母，如果该字母改变则进行重绘

③设置回调  点击该字母具体方法由外界实现

public class SideBar extends View {
    // 触摸事件
    private OnTouchingLetterChangedListener onTouchingLetterChangedListener;
    // 26个字母
    public static String[] b = {"☆", "#", "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 float size;
    private int choose = -1;// 选中
    private Paint paint = new Paint();

    private TextView mTextDialog;

    public void setTextView(TextView mTextDialog) {
        this.mTextDialog = mTextDialog;
    }

    public SideBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context);
    }

    public SideBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public SideBar(Context context) {
        super(context);
        init(context);
    }

    private void init(Context context) {
        size = DeviceUtil.dip2px(context, 13);
    }

    /**
     * 重写这个方法
     */
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 获取焦点改变背景颜色.
        int height = getHeight();// 获取对应高度
        int width = getWidth(); // 获取对应宽度
        int singleHeight = height / b.length;// 获取每一个字母的高度

        for (int i = 0; i < b.length; i++) {
            if (!isInEditMode()) {
                paint.setColor(Color.parseColor("#838383"));
            }
            //设置是否使用抗锯齿功能，会消耗较大资源，绘制图形速度会变慢。
            paint.setAntiAlias(true);
            paint.setTextSize(size);
            // 选中的状态
            if (i == choose) {
                paint.setColor(getResources().getColor(R.color.yellow_light));
                paint.setFakeBoldText(true); //true为粗体，false为非粗体
            }
            // x坐标等于中间-字符串宽度的一半.
            float xPos = width / 2 - paint.measureText(b[i]) / 2;
            float yPos = singleHeight * i + singleHeight;
            canvas.drawText(b[i], xPos, yPos, paint);
            paint.reset();// 重置画笔
        }

    }

    @SuppressWarnings("deprecation")
    @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() * b.length);// 点击y坐标所占总高度的比例*b数组的长度就等于点击b中的个数.

        switch (action) {
            case MotionEvent.ACTION_UP:
                setBackgroundDrawable(new ColorDrawable(0x00000000));