美文网首页
类似通讯录右侧根据字母定位 SideBar

类似通讯录右侧根据字母定位 SideBar

作者: janyet | 来源:发表于2018-07-10 15:48 被阅读0次

    import android.content.Context;

    import android.graphics.Canvas;

    import android.graphics.Color;

    import android.graphics.Paint;

    import android.graphics.Typeface;

    import android.util.AttributeSet;

    import android.view.MotionEvent;

    import android.view.View;

    import android.widget.TextView;

    import com.xm.tokenalliance.R;

    /**

    * 类简要描述

    */

    public class SideBar extends View {

        // 字母变化监听事件

        private OnTouchingLetterChangedListener onTouchingLetterChangedListener;

        // 字母数组

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

        }

        public SideBar(Context context, AttributeSet attrs) {

            super(context, attrs);

        }

        public SideBar(Context context) {

            super(context);

        }

        @Override

        protected void onDraw(Canvas canvas) {

            super.onDraw(canvas);

            // 获取屏幕高度和宽度

            int height = getHeight();

            int width = getWidth();

            // 设置字母高度

            float letterHeight = (height * 1f) / b.length;

            for (int i = 0; i < b.length; i++) {

    //            paint.setColor(Color.rgb(23, 122, 126));

                paint.setColor(getResources().getColor(R.color.color_2982c7));

                paint.setTypeface(Typeface.DEFAULT_BOLD);

                // 抗锯齿

                paint.setAntiAlias(true);

                paint.setTextSize(20);

                if (i == choose) {

                    paint.setColor(Color.BLUE);

                    // 设置为加粗字体

                    paint.setFakeBoldText(true);

                }

                // x坐标等于中间-字符串宽度的一半.

                float xPos = width / 2 - paint.measureText(b[i]) / 2;

                float yPos = letterHeight * i + letterHeight;

                canvas.drawText(b[i], xPos, yPos, paint);

                // 重置画笔

                paint.reset();

            }

        }

        @Override

        public boolean dispatchTouchEvent(MotionEvent event) {

            final int action = event.getAction();

            final float touch_y = event.getY();

            final int oldChoose = choose;

            final OnTouchingLetterChangedListener listener = onTouchingLetterChangedListener;

            // 点击y坐标所占总高度的比例*b数组的长度就等于点击b中的个数.

            final int c = (int) (touch_y / getHeight() * b.length);

            switch (action) {

                case MotionEvent.ACTION_UP:

                    setBackgroundColor(Color.TRANSPARENT);

                    choose = -1;

                    invalidate();

                    if (mTextDialog != null) {

                        mTextDialog.setVisibility(View.INVISIBLE);

                    }

                    break;

                default:

                    setBackgroundResource(R.color.holo_green_light);

                    if (oldChoose != c) {

                        if (c >= 0 && c < b.length) {

                            if (listener != null) {

                                listener.onTouchingLetterChanged(b[c]);

                            }

                            if (mTextDialog != null) {

                                mTextDialog.setText(b[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);

        }

    }


    使用方式:

    SideBar sidebar = (SideBar) view.findViewById(R.id.country_sidebar);

            sidebar .setTextView(在屏幕中间显示当前选中的字母控件);

    // 右侧sideBar监听sidebar.setOnTouchingLetterChangedListener(new SideBar.OnTouchingLetterChangedListener() {

        @Override

    public void onTouchingLetterChanged(String s) {

    // 该字母首次出现的位置

    int position = adapter.getPositionForSection(s.charAt(0));

    if (position != -1) {

                listview.setSelection(position);      }

        }

    });

    相关文章

      网友评论

          本文标题:类似通讯录右侧根据字母定位 SideBar

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