-
`* 设置字母更新监听` -
`*` -
`* @param listener` -
`*/` -
`public void setListener(OnLetterUpdateListener listener) {` -
`this.listener = listener;` -
`}` -
`public QuickIndexBar(Context context) {` -
`this(context, null);` -
`}` -
`public QuickIndexBar(Context context, AttributeSet attrs) {` -
`this(context, attrs, 0);` -
`}` -
`public QuickIndexBar(Context context, AttributeSet attrs, int defStyle) {` -
`super(context, attrs, defStyle);` -
`mContext = context;` -
`//初始化自定义属性` -
`obtainAttrs(attrs);` -
`// 初始化画笔` -
`mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);` -
`float textSize = UIUtils.dip2px(15, mContext);` -
`mPaint.setTextSize(textSize);` -
`mPaint.setTypeface(Typeface.DEFAULT_BOLD);` -
`}` -
`private void obtainAttrs(AttributeSet attrs) {` -
`TypedArray typedArray = mContext.obtainStyledAttributes(attrs, R.styleable.QuickIndexBar);` -
`int selectColor = typedArray.getColor(R.styleable.QuickIndexBar_select_color, -1);` -
`if (selectColor != -1) {` -
`mSelectColor = selectColor;` -
`}` -
`int normalColor = typedArray.getColor(R.styleable.QuickIndexBar_normal_color, -1);` -
`if (normalColor != -1) {` -
`mNormalColor = normalColor;` -
`}` -
`typedArray.recycle();` -
`}` -
`@Override` -
`protected void onDraw(Canvas canvas) {` -
`for (int i = 0; i < LETTERS.length; i++) {` -
`String text = LETTERS[i];` -
`// 计算坐标` -
`int x = (int) (cellWidth / 2.0f - mPaint.measureText(text) / 2.0f);` -
`// 获取文本的高度` -
`Rect bounds = new Rect();// 矩形` -
`mPaint.getTextBounds(text, 0, text.length(), bounds);` -
`int textHeight = bounds.height();` -
`int y = (int) (cellHeight / 2.0f + textHeight / 2.0f + i * cellHeight);` -
`// 根据按下的字母, 设置画笔颜色` -
`mPaint.setColor(mLastTouchIndex == i ? mSelectColor : mNormalColor);` -
`// 绘制文本A-Z` -
`canvas.drawText(text, x, y, mPaint);` -
`}` -
`}` -
`@Override` -
`public boolean onTouchEvent(MotionEvent event) {` -
`int index = -1;` -
`switch (MotionEventCompat.getActionMasked(event)) {` -
`case MotionEvent.ACTION_DOWN:` -
`// 获取当前触摸到的字母索引` -
`index = (int) (event.getY() / cellHeight);` -
`if (index >= 0 && index < LETTERS.length) {` -
`// 判断是否跟上一次触摸到的一样，不一样才进行回调` -
`if (index != mLastTouchIndex) {` -
`if (listener != null) {` -
`//` -
`listener.onLetterUpdate(LETTERS[index]);` -
`}` -
`Log.d(TAG, "onTouchEvent: " + LETTERS[index]);` -
`//记录上一次触摸的Index为当前的index；` -
`mLastTouchIndex = index;` -
`}` -
`}` -
`break;` -
`case MotionEvent.ACTION_MOVE:` -
`index = (int) (event.getY() / cellHeight);` -
`if (index >= 0 && index < LETTERS.length) {` -
`// 判断是否跟上一次触摸到的一样` -
`if (index != mLastTouchIndex) {` -
`if (listener != null) {` -
`listener.onLetterUpdate(LETTERS[index]);` -
`}` -
`Log.d(TAG, "onTouchEvent: " + LETTERS[index]);` -
`mLastTouchIndex = index;` -
`}` -
`}` -
`break;` -
`case MotionEvent.ACTION_UP:` -
`// 手指抬起的时候重置` -
`mLastTouchIndex = -1;` -
`break;` -
`default:` -
`break;` -
`}` -
`//调用这个方法会重新调用draw方法，重新绘制` -
`invalidate();` -
`return true;` -
`}` -
`/**` -
`* 当大小 改变的时候会回调这个方法，` -
`* 这里我们就不主动调用measure（）方法了` -
`*` -
`* @param w` -
`* @param h` -
`* @param oldw` -
`* @param oldh` -
`*/` -
`@Override` -
`protected void onSizeChanged(int w, int h, int oldw, int oldh) {` -
`super.onSizeChanged(w, h, oldw, oldh);` -
`// 获取单元格的宽和高` -
`cellWidth = getMeasuredWidth();` -
`int mHeight = getMeasuredHeight();` -
`cellHeight = mHeight * 1.0f / LETTERS.length;` -
`}` -
}
代码 解析
- 代码其实不长，加上一些注释总共才180多行，总体来说，思路分分为以下几个步骤
-
在构造方法里面初始化画笔，同时为了使用方便，我们封装了自定义属性
-
public QuickIndexBar(Context context, AttributeSet attrs, int defStyle) { -
`super(context, attrs, defStyle);` -
`mContext = context;` -
`//初始化自定义属性` -
`obtainAttrs(attrs);` -
`// 初始化画笔` -
`mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);` -
`float textSize = UIUtils.dip2px(15, mContext);` -
`mPaint.setTextSize(textSize);` -
`mPaint.setTypeface(Typeface.DEFAULT_BOLD);` -
} -
`private void obtainAttrs(AttributeSet attrs) {` -
`TypedArray typedArray = mContext.obtainStyledAttributes(attrs, R.styleable.QuickIndexBar);` -
`int selectColor = typedArray.getColor(R.styleable.QuickIndexBar_select_color, -1);` -
`if (selectColor != -1) {` -
`mSelectColor = selectColor;` -
`}` -
`int normalColor = typedArray.getColor(R.styleable.QuickIndexBar_normal_color, -1);` -
`if (normalColor != -1) {` -
`mNormalColor = normalColor;` -
`}` -
`typedArray.recycle();` -
`}` -
接着我们在onSizeChange 方法里面拿到我们时间的宽度和高度，有人可能会问了为什么不在onMeasure里面获取了，其实在onMeasure方法里面获取是可以的，只不过我们还需要调用一下measure方法而已，在onSizeChnage方法里面，我们直接调用
-
cellWidth = getMeasuredWidth();
即可获取到我们需要的宽度和高度。用起来比较方便，不过更多的是为了让大家知道View有这一个方法存在以及怎么使用它
顺便我们来看一下google官方对onSizeChange方法的解释
This is called during layout when the size of this view has changed. If you were just added to the view hierarchy, you’re called with the old values of 0.
从官方的解释我们可以知道这个方法是在onLayout方法中当大小改变的时候会调用这个方法，因此我们直接调用getMeasuredWidth();是可以获取得到宽度的，因为onMeasure 是先于onLayout方法调用的。
3. 接着我们重写onDraw方法，在onDraw方法我们所做的工作就是绘制 我们需要的26个字母
-
`protected void onDraw(Canvas canvas) {` -
`for (int i = 0; i < LETTERS.length; i++) {` -
`String text = LETTERS[i];` -
`// 计算坐标` -
`int x = (int) (cellWidth / 2.0f - mPaint.measureText(text) / 2.0f);` -
`// 获取文本的高度` -
`Rect bounds = new Rect();// 矩形` -
`mPaint.getTextBounds(text, 0, text.length(), bounds);` -
`int textHeight = bounds.height();` -
`int y = (int) (cellHeight / 2.0f + textHeight / 2.0f + i * cellHeight);` -
`// 根据按下的字母, 设置画笔颜色` -
`mPaint.setColor(mLastTouchIndex == i ? mSelectColor : mNormalColor);` -
`// 绘制文本A-Z` -
`canvas.drawText(text, x, y, mPaint);` -
`}` -
`}` -
讲到这里，我们的工作已经完成一大半了，接着就是处理我们是按下或者一个字母了,我们重写onTouchEvent方法，并且return true;是为了保证 Action_down动作按下以后,Action_move以后的动作能够顺利接受到，这涉及到View的事件分发机制，有空的话我会尝试总结一下，这里就不说了
-
// 获取当前触摸到的字母索引 -
index = (int) (event.getY() / cellHeight);
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
最后
数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
[外链图片转存中…(img-w2xTVfIG-1711088104173)]
[外链图片转存中…(img-twaGDkoq-1711088104174)]
[外链图片转存中…(img-Efts7tSL-1711088104174)]
[外链图片转存中…(img-ZyXxn5Pw-1711088104174)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
[外链图片转存中…(img-yjeIDXJU-1711088104175)]
最后
想要了解更多关于大厂面试的同学可以**点击这里免费获取《面试文档》**除此之外，我也分享一些免费的优质资源，包括：Android学习PDF+架构视频+源码笔记，高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 这几块的内容。分享给大家，非常适合近期有面试和想在技术道路上继续精进的朋友。快来获取学习资料吧~
958
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
