美文网首页Android基础知识
Android-自定义索引表view

Android-自定义索引表view

作者: ZebraWei | 来源:发表于2017-10-09 19:53 被阅读30次
    主要步骤
    1.横向绘制出26个字母和#
    2.事件滑动获取对应的字母
    3.监听回调出对应字母
    public class SideBar  extends View{
    private static final String TAG = "SideBar";
    private static String minue="A";
    /**
     * 触摸事件
     */
    private ITouchingLetterChangedListener onTouchingLetterChangedListener;
    /**
     * 侧边栏显示字母
     */
    private String[] words = { "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 int chooseup=-1;
    /**
     * 相应的画笔
     */
    private Paint paint;
    
    /**
     * 构造函数 数据初始化
     * @param context 上下文对象
     * @param attrs   属性列表
     * @param defStyleAttr 默认样式
     */
    public SideBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }
    /**
     * 初始化相应的数据
     */
    private void init() {
        paint = new Paint();
    }
    /**
     * 构造函数 数据初始化
     * @param context 上下文对象
     * @param attrs  属性列表
     */
    public SideBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    
    /**
     * 构造函数 数据初始化
     * @param context  上下文对象
     */
    public SideBar(Context context) {
        this(context, null);
    }
    
    /**
     * 绘制列表控件的方法
     * 将要绘制的字母以从上到下的顺序绘制在一个指定区域
     * 如果是进行选中的字母就进行高亮显示
     */
    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        int height = getHeight();// 获取对应高度
        int width = getWidth(); // 获取对应宽度
        int singleWidth = width / words.length;// 获取每一个字母的宽度
    
        for (int i = 0; i < words.length; i++) {
            paint.setColor(getResources().getColor(R.color.indexadc));
            // paint.setColor(Color.WHITE);
            paint.setTypeface(Typeface.DEFAULT_BOLD);
    
            paint.setTextSize(20f);
            // 选中的状态
            if (i == choose) {
                chooseup=choose;
                paint.setColor(getResources().getColor(R.color.indexabc));
                paint.setFakeBoldText(true);
            }
            // x坐标等于中间-字符串宽度的一半.
            //float yPos = height / 2.0f - paint.measureText(words[i]) / 2.0f;
            float yPos = height / 2.0f - paint.measureText(words[0]) / 2.0f;
            float xPos = singleWidth * i + singleWidth/2;
            if (words[i]=="I") {  //解决当绘制字母I时会左右距离不同问题
                xPos = singleWidth * i + singleWidth/2+paint.measureText(words[0]) / 2.0f;
            }
            canvas.drawText(words[i], xPos, yPos, paint);
            paint.reset();// 重置画笔
        }
    }
    boolean isup=false;
    
    /**
     * 处理触摸事件的方法
     * 用户按下时候,整个控件背景变化
     * 根据按下x坐标 判断究竟用户按下那个字母
     * 当前字母高亮显示 将其字母显示屏幕中央
     */
    @SuppressWarnings("deprecation")
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        int action = event.getAction();
        final float x = event.getX();// 点击x坐标
        final int oldChoose = choose;
        final ITouchingLetterChangedListener listener = onTouchingLetterChangedListener;
        final int c = (int) (x / getWidth() * words.length);// 点击x坐标所占总宽度的比例*b数组的长度就等于点击b中的个数.
        switch (action) {
    
        case MotionEvent.ACTION_UP:
            isup=true;
            FragmentContacts.hideADCtip();
            setBackgroundDrawable(new ColorDrawable(0x00000000));
            choose = -1;//
            invalidate();
            break;
    
        default:
            isup=false;
            //setBackgroundResource(R.drawable.sidebar_background);
            if (oldChoose != c) {
                if (c >= 0 && c < words.length) {
                    if (listener != null) {
                        listener.OnTouchingLetterChanged(words[c]);
                    }
                    choose = c;
                    invalidate();
                }
            }
            break;
        }
        return true;
    }
    
    
    //listView滑动可见第一个字母
    public void setPosition(String position){
        Log.i(TAG, "position"+position);
        //isshow=true;
        minue=position;
    }
    
    /**
     * 接口
     */
    public interface ITouchingLetterChangedListener {
        void OnTouchingLetterChanged(String cString);
    }
    
    /**
     * 字母改变的监听器
     * @return  获取字母改变的监听器
     */
    public ITouchingLetterChangedListener getOnTouchingLetterChangedListener() {
        return onTouchingLetterChangedListener;
    }
    
    /**
     * 设置改变的监听器
     * @param onTouchingLetterChangedListener 设置字母改变的监听器
     */
    public void setOnTouchingLetterChangedListener(
            ITouchingLetterChangedListener onTouchingLetterChangedListener) {
        this.onTouchingLetterChangedListener = onTouchingLetterChangedListener;
    }
    
    }

    相关文章

      网友评论

        本文标题:Android-自定义索引表view

        本文链接:https://www.haomeiwen.com/subject/abnpyxtx.html