Android打造不一样的新手引导页面（一），成功入职头条月薪35K

mCirclePageIndicator.setFillColor(0xFF888888);

// 设置外边框的颜色

mCirclePageIndicator.setStrokeColor(0xFF000000);

//设置外表框的宽度

mCirclePageIndicator.setStrokeWidth(2 * density);

2）下面我们一起来看我们是怎样CircleIndicator是怎样实现的

---

大概可以分为以下几个步骤

• （1）继承View，在构造方法里面做一些初始化工作，包括初始化我们的自定义属性及画笔等

public CirclePageIndicator(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

if (isInEditMode()) return;

//初始化自定义属性

final Resources res = getResources();

final int defaultPageColor = res.getColor(R.color.default_circle_indicator_page_color);

final int defaultFillColor = res.getColor(R.color.default_circle_indicator_fill_color);

final int defaultOrientation = res.getInteger(R.integer

.default_circle_indicator_orientation);

在这里省略了若干方法

a.recycle();

final ViewConfiguration configuration = ViewConfiguration.get(context);

mTouchSlop = ViewConfigurationCompat.getScaledPagingTouchSlop(configuration);

}

• (2) 在我们的onMeasure方法里面根据方向的不同测量我们的大小

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

if (mOrientation == HORIZONTAL) {

setMeasuredDimension(measureLong(widthMeasureSpec), measureShort(heightMeasureSpec));

} else {

setMeasuredDimension(measureShort(widthMeasureSpec), measureLong(heightMeasureSpec));

}

}

/**

• Determines the width of this view

• @param measureSpec A measureSpec packed into an int

• @return The width of the view, honoring constraints from measureSpec

*/

private int measureLong(int measureSpec) {

int result;

int specMode = MeasureSpec.getMode(measureSpec);

int specSize = MeasureSpec.getSize(measureSpec);

if ((specMode == MeasureSpec.EXACTLY) || (mViewPager == null)) {

//We were told how big to be

result = specSize;

} else {

//Calculate the width according the views count

final int count = mViewPager.getAdapter().getCount();

result = (int) (getPaddingLeft() + getPaddingRight()

• (count * 2 * mRadius) + (count - 1) * mRadius + 1);

//Respect AT_MOST value if that was what is called for by measureSpec

if (specMode == MeasureSpec.AT_MOST) {

result = Math.min(result, specSize);

}

}

return result;

}

/**

• Determines the height of this view

• @param measureSpec A measureSpec packed into an int

• @return The height of the view, honoring constraints from measureSpec

*/

private int measureShort(int measureSpec) {

int result;

int specMode = MeasureSpec.getMode(measureSpec);

int specSize = MeasureSpec.getSize(measureSpec);

if (specMode == MeasureSpec.EXACTLY) {

//We were told how big to be

result = specSize;

} else {

//Measure the height

result = (int) (2 * mRadius + getPaddingTop() + getPaddingBottom() + 1);

//Respect AT_MOST value if that was what is called for by measureSpec

if (specMode == MeasureSpec.AT_MOST) {

result = Math.min(result, specSize);

}

}

return result;

}

• （3）提供一个setViewPager(ViewPager view)方法将我们的CirclePageIndicator 绑定在一起

@Override

public void setViewPager(ViewPager view) {

if (mViewPager == view) {

return;

}

if (mViewPager != null) {

mViewPager.addOnPageChangeListener(null);

}

if (view.getAdapter() == null) {

throw new IllegalStateException(“ViewPager does not have adapter instance.”);

}

mViewPager = view;

mViewPager.addOnPageChangeListener(this);

invalidate();

}

里面主要的逻辑简单来说就是判断我们的ViewPager是否已经设置adapter，没有的话抛出异常，接着坚挺ViewPager的PageChangListener事件。

调用invalidate（）方法重新绘制CirclePagerIndicator

• （4）在滑动ViewPager的 时候拿到相应的偏移量

@Override

public void onPageScrollStateChanged(int state) {

mScrollState = state;

if (mListener != null) {

mListener.onPageScrollStateChanged(state);

}

}

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

mCurrentPage = position;

mPageOffset = positionOffset;

invalidate();

if (mListener != null) {

mListener.onPageScrolled(position, positionOffset, positionOffsetPixels);

}

}

@Override

public void onPageSelected(int position) {

if (mSnap || mScrollState == ViewPager.SCROLL_STATE_IDLE) {

mCurrentPage = position;

mSnapPage = position;

invalidate();

}

if (mListener != null) {

mListener.onPageSelected(position);

}

}

• （5）接着在onDraw（）方法里面根据偏移量绘制我们的小圆点

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

if (mViewPager == null) {

return;

}

final int count = mViewPager.getAdapter().getCount();

if (count == 0) {

return;

}

if (mCurrentPage >= count) {

setCurrentItem(count - 1);

return;

}

int longSize;

int longPaddingBefore;

int longPaddingAfter;

int shortPaddingBefore;

// 根据方向的不同初始化各个变量

if (mOrientation == HORIZONTAL) {

longSize = getWidth();

longPaddingBefore = getPaddingLeft();

longPaddingAfter = getPaddingRight();

shortPaddingBefore = getPaddingTop();

} else {

longSize = getHeight();

longPaddingBefore = getPaddingTop();

longPaddingAfter = getPaddingBottom();

shortPaddingBefore = getPaddingLeft();

}

final float threeRadius = mRadius * 3;

final float shortOffset = shortPaddingBefore + mRadius;

float longOffset = longPaddingBefore + mRadius;

/**

• 居中显示的时候

*/

if (mCentered) {

longOffset += ((longSize - longPaddingBefore - longPaddingAfter) / 2.0f)

• ((count * threeRadius) / 2.0f);

}

float dX;

float dY;

float pageFillRadius = mRadius;

if (mPaintStroke.getStrokeWidth() > 0) {

pageFillRadius -= mPaintStroke.getStrokeWidth() / 2.0f;

}

//Draw stroked circles

for (int iLoop = 0; iLoop < count; iLoop++) {

float drawLong = longOffset + (iLoop * threeRadius);

if (mOrientation == HORIZONTAL) {

dX = drawLong;

dY = shortOffset;

} else {

dX = shortOffset;

dY = drawLong;

}

// Only paint fill if not completely transparent

if (mPaintPageFill.getAlpha() > 0) {

canvas.drawCircle(dX, dY, pageFillRadius, mPaintPageFill);

}

// Only paint stroke if a stroke width was non-zero

if (pageFillRadius != mRadius) {

canvas.drawCircle(dX, dY, mRadius, mPaintStroke);

}

}

//下面绘制移动的实心圆

float cx = (mSnap ? mSnapPage : mCurrentPage) * threeRadius;

//根据移动的实心圆是否跳跃计算偏移量

if (!mSnap) {

cx += mPageOffset * threeRadius;

}

if (mOrientation == HORIZONTAL) {

dX = longOffset + cx;

dY = shortOffset;

} else {

dX = shortOffset;

dY = longOffset + cx;

}

canvas.drawCircle(dX, dY, mRadius, mPaintFill);

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

关于面试的充分准备

一些基础知识和理论肯定是要背的，要理解的背，用自己的语言总结一下背下来。

虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，我能明显感觉到国庆后多了很多高级职位，所以努力让自己成为高级工程师才是最重要的。

好了，希望对大家有所帮助。

接下来是整理的一些Android学习资料，有兴趣的朋友们可以关注下我免费领取方式。

①Android开发核心知识点笔记

②对标“阿里 P7” 40W+年薪企业资深架构师成长学习路线图

③面试精品集锦汇总

④全套体系化高级架构视频

**Android精讲视频领取学习后更加是如虎添翼！**进军BATJ大厂等（备战）！现在都说互联网寒冬，其实无非就是你上错了车，且穿的少（技能），要是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水！

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

以关注下我免费领取方式**。

①Android开发核心知识点笔记

②对标“阿里 P7” 40W+年薪企业资深架构师成长学习路线图

[外链图片转存中…(img-Jq9dUZXT-1712430814834)]

③面试精品集锦汇总

[外链图片转存中…(img-Fl0PIeiH-1712430814835)]

④全套体系化高级架构视频

**Android精讲视频领取学习后更加是如虎添翼！**进军BATJ大厂等（备战）！现在都说互联网寒冬，其实无非就是你上错了车，且穿的少（技能），要是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水！

[外链图片转存中…(img-nmrl6BTS-1712430814835)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！