Android ViewPager指示器，耗时两个礼拜8000字Android面试长文

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注Android）

正文

private void intPaint() {

normalPaint = new Paint();

normalPaint.setStyle(Paint.Style.FILL);

normalPaint.setAntiAlias(true);

normalPaint.setColor(normalColor == null ? Color.GRAY : normalColor.getDefaultColor());

selectedPaint = new Paint();

selectedPaint.setStyle(Paint.Style.FILL);

selectedPaint.setAntiAlias(true);

selectedPaint.setColor(selectedColor == null ? Color.RED : selectedColor.getDefaultColor());

mRectF = new RectF();

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

int heightSize = MeasureSpec.getSize(heightMeasureSpec);

int widthSize = MeasureSpec.getSize(widthMeasureSpec);

switch (mStyle) {

case STYLE_CIRCLR_CIRCLE:

if (orientation == HORIZONTAL){

width = 2 * circleCircleRadius * itemCount + (itemCount - 1) * spacing;

height = Math.max(heightSize, 2 * circleCircleRadius);

} else {

height = 2 * circleCircleRadius * itemCount + (itemCount - 1) * spacing;

width = Math.max(widthSize, 2 * circleCircleRadius);

}

break;

case STYLE_RECT_RECT:

if (orientation == HORIZONTAL){

width = rectRectItemWidth * itemCount + (itemCount - 1) * spacing;

height = Math.max(heightSize, rectRectItemHeight);

} else {

height = rectRectItemHeight * itemCount + (itemCount - 1) * spacing;

width = Math.max(widthSize, rectRectItemWidth);

}

break;

case STYLE_CIRCLR_RECT:

if (orientation == HORIZONTAL){

int normalItemWidth = circleRectRadius * 2;

width = (itemCount - 1) * normalItemWidth + circleRectItemWidth + (itemCount - 1) * spacing;

int tempHeight = Math.max(circleRectItemHeight, circleRectRadius * 2);

height = Math.max(heightSize, tempHeight);

} else {

int normalItemHeight = circleRectRadius * 2;

height = (itemCount - 1) * normalItemHeight + circleRectItemHeight + (itemCount - 1) * spacing;

int tempWidth = Math.max(circleRectItemWidth, circleRectRadius * 2);

width = Math.max(widthSize, tempWidth);

}

break;

}

setMeasuredDimension(width, height);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

if (orientation == HORIZONTAL) {

switch (mStyle) {

case STYLE_CIRCLR_CIRCLE:

float cy = height / 2;

for (int i = 0; i < itemCount; i++) {

int cx = (i + 1) * circleCircleRadius + i * spacing;

//全部绘制圆点，画笔的区别

canvas.drawCircle(cx, cy, circleCircleRadius, i == selection ? selectedPaint : normalPaint);

}

break;

case STYLE_RECT_RECT:

for (int i = 0; i < itemCount; i++) {

int left = i * rectRectItemWidth + i * spacing;

mRectF.set(left, 0, left + rectRectItemWidth, rectRectItemHeight);

//全部绘制圆角矩形，画笔的区别

canvas.drawRoundRect(mRectF, rectRectCorner, rectRectCorner, i == selection ? selectedPaint : normalPaint);

}

break;

case STYLE_CIRCLR_RECT:

for (int i = 0; i < itemCount; i++) {

int left = selection * (circleRectRadius * 2 + spacing);

int top;

if (selection == i) {

//选中的绘制圆角矩形

top = (height - circleRectItemHeight) / 2;

mRectF.set(left, top, left + circleRectItemWidth, circleRectItemHeight + top);

canvas.drawRoundRect(mRectF, circleRectCorner, circleRectCorner, selectedPaint);

} else {

//未选中的绘制圆点，距离需要判断position在选中的左边或者右边，从而确定cx

top = (height - circleRectRadius * 2) / 2;

int cx = 0;

float cy1 = circleRectRadius + top;

if (selection < i) {

cx = (i - 1) * circleRectRadius * 2 + i * spacing + circleRectItemWidth + circleRectRadius;

} else {

cx = i * (circleRectRadius * 2) + i * spacing + circleRectRadius;

}

canvas.drawCircle(cx, cy1, circleRectRadius, normalPaint);

}

}

break;

}

} else {

switch (mStyle) {

case STYLE_CIRCLR_CIRCLE:

float cx = width / 2;

for (int i = 0; i < itemCount; i++) {

int cy = i * (circleCircleRadius * 2 + spacing)+ circleCircleRadius;

//全部绘制圆点，画笔的区别

canvas.drawCircle(cx, cy, circleCircleRadius, i == selection ? selectedPaint : normalPaint);

}

break;

case STYLE_RECT_RECT:

for (int i = 0; i < itemCount; i++) {

int top = i * rectRectItemHeight + i * spacing;

int left = (width - rectRectItemWidth) / 2;

mRectF.set(left, top, left + rectRectItemWidth, top + rectRectItemHeight);

//全部绘制圆角矩形，画笔的区别

canvas.drawRoundRect(mRectF, rectRectCorner, rectRectCorner, i == selection ? selectedPaint : normalPaint);

}

break;

case STYLE_CIRCLR_RECT:

for (int i = 0; i < itemCount; i++) {

if (selection == i) {

int left = (width - circleRectItemWidth) / 2;

//选中的绘制圆角矩形

int top = selection * (circleRectRadius * 2 + spacing);

mRectF.set(left, top, left + circleRectItemWidth, top + circleRectItemHeight);

canvas.drawRoundRect(mRectF, circleRectCorner, circleRectCorner, selectedPaint);

} else {

//未选中的绘制圆点，距离需要判断position在选中的左边或者右边，从而确定cx

int cx1 = (width - 2 * circleRectRadius) / 2 + circleRectRadius;

float cy1 = 0;

if (selection < i) {

cy1 = (i - 1) * circleRectRadius * 2 + i * spacing + circleRectItemHeight + circleRectRadius;

} else {

cy1 = i * (circleRectRadius * 2) + i * spacing + circleRectRadius;

}

canvas.drawCircle(cx1, cy1, circleRectRadius, normalPaint);

}

}

break;

}

}

}

/**

• 关联ViewPager

• @param viewPager

*/

public void attachToViewPager(ViewPager viewPager) {

this.viewPager = viewPager;

PagerAdapter pagerAdapter = viewPager.getAdapter();

if (pagerAdapter != null) {

//TODO 如果项目使用了阿里开源库，UltraViewPager，想要兼容需要用以下方式获取 itemCount，否则去除这个if条件

if (pagerAdapter instanceof UltraViewPagerAdapter) {

//从UltraViewPagerAdapter获取真实的个数

itemCount = ((UltraViewPagerAdapter) pagerAdapter).getRealCount();

} else {

itemCount = pagerAdapter.getCount();

}

selection = viewPager.getCurrentItem() % itemCount;

checkItemCount();

}

viewPager.addOnPageChangeListener(this);

}

/**

• 设置选中的值，当ViewPager只有一个item不显示指示器

*/

private void checkItemCount() {

if (selection >= itemCount) {

selection = itemCount - 1;

}

setVisibility((itemCount <= 1) ? GONE : VISIBLE);

}

@Override

public void onPageSelected(int i) {

if (viewPager != null) {

PagerAdapter pagerAdapter = viewPager.getAdapter();

if (pagerAdapter != null) {

selection = viewPager.getCurrentItem() % itemCount;

}

}

postInvalidate();

}

@Override

public void onPageScrolled(int i, float v, int i1) {

}

@Override

public void onPageScrollStateChanged(int i) {

}

/**

• dp to px

*/

public int dip2px(float dpValue) {

final float scale = getContext().getResources().getDisplayMetrics().density;

return (int) (dpValue * scale + 0.5f);

}

}

Activity代码

==========

public class ViewPagerActivity extends Activity {

private ViewPager vp;

private UIndicator uIndicator1;

vp = findViewById(R.id.vp_guide);

uIndicator1 = findViewById(R.id.indicator1);

uIndicator1.attachToViewPager(vp);

vp.setAdapter(mAdapter);在attachToViewPager之前

附：layout调用自定义view

<com.tianxin.okhttptest.viewpg.UIndicator

android:id=“@+id/indicator1”

android:layout_width=“match_parent”

写在最后

在技术领域内，没有任何一门课程可以让你学完后一劳永逸，再好的课程也只能是“师傅领进门，修行靠个人”。“学无止境”这句话，在任何技术领域，都不只是良好的习惯，更是程序员和工程师们不被时代淘汰、获得更好机会和发展的必要前提。

如果你觉得自己学习效率低，缺乏正确的指导，可以一起学习交流！

加入我们吧！群内有许多来自一线的技术大牛，也有在小厂或外包公司奋斗的码农，我们致力打造一个平等，高质量的Android交流圈子，不一定能短期就让每个人的技术突飞猛进，但从长远来说，眼光，格局，长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走，过早压榨掉了价值，如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注Android）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

只是良好的习惯，更是程序员和工程师们不被时代淘汰、获得更好机会和发展的必要前提。

如果你觉得自己学习效率低，缺乏正确的指导，可以一起学习交流！

加入我们吧！群内有许多来自一线的技术大牛，也有在小厂或外包公司奋斗的码农，我们致力打造一个平等，高质量的Android交流圈子，不一定能短期就让每个人的技术突飞猛进，但从长远来说，眼光，格局，长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走，过早压榨掉了价值，如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注Android）
[外链图片转存中…(img-sEFAb6e7-1713661426480)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！