2024年安卓最全Android开发：这交互炸了！炫酷跳动的闪屏Logo标题，一篇文章教你搞定计算机网络面试

最后

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2019-2021BAT 面试真题解析，我把大厂面试中常被问到的技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。

还有 高级架构技术进阶脑图 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

Android 基础知识点

Java 基础知识点

Android 源码相关分析

常见的一些原理性问题

希望大家在今年一切顺利，进到自己想进的公司，共勉！

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

需要这份系统化学习资料的朋友，可以戳这里获取

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

// 最终合成logo后的坐标

private SparseArray mQuietPoints = new SparseArray<>();

// logo被随机打散的坐标

private SparseArray mRadonPoints = new SparseArray<>();

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

mWidth = w;

mHeight = h;

initLogoCoordinate();

}

private void initLogoCoordinate() {

float centerY = mHeight / 2f + mPaint.getTextSize() / 2 + mLogoOffset;

// calculate the final xy of the text

float totalLength = 0;

for (int i = 0; i < mLogoTexts.size(); i++) {

String str = mLogoTexts.get(i);

float currentLength = mPaint.measureText(str);

if (i != mLogoTexts.size() - 1) {

totalLength += currentLength + mTextPadding;

} else {

totalLength += currentLength;

}

}

// the draw width of the logo must small than the width of this AnimLogoView

if (totalLength > mWidth) {

throw new IllegalStateException(“This view can not display all text of logoName, please change text size.”);

}

float startX = (mWidth - totalLength) / 2;

if (mQuietPoints.size() > 0) {

mQuietPoints.clear();

}

for (int i = 0; i < mLogoTexts.size(); i++) {

String str = mLogoTexts.get(i);

float currentLength = mPaint.measureText(str);

mQuietPoints.put(i, new PointF(startX, centerY));

startX += currentLength + mTextPadding;

}

// generate random start xy of the text

if (mRadonPoints.size() > 0) {

mRadonPoints.clear();

}

// 构建随机初始坐标

for (int i = 0; i < mLogoTexts.size(); i++) {

mRadonPoints.put(i, new PointF((float) Math.random() * mWidth, (float) Math.random() * mHeight));

}

}

3. 构建动画过程，定义一个属性动画从0-1计算进度，在动画过程通过重绘实现文字从凌乱打散的坐标到最终组合坐标进行移动：

// init the translation animation

private void initOffsetAnimation() {

mOffsetAnimator = ValueAnimator.ofFloat(0, 1);

mOffsetAnimator.setDuration(mOffsetDuration);

mOffsetAnimator.setInterpolator(new AccelerateDecelerateInterpolator());

mOffsetAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

if (mQuietPoints.size() <= 0 || mRadonPoints.size() <= 0) {

return;

}

mOffsetAnimProgress = (float) animation.getAnimatedValue();

invalidate();

}

});

}

@Override

protected void onDraw(Canvas canvas) {

if (!isOffsetAnimEnd) {// offset animation

mPaint.setAlpha((int) Math.min(255, 255 * mOffsetAnimProgress + 100));

for (int i = 0; i < mQuietPoints.size(); i++) {

PointF quietP = mQuietPoints.get(i);

PointF radonP = mRadonPoints.get(i);

float x = radonP.x + (quietP.x - radonP.x) * mOffsetAnimProgress;

float y = radonP.y + (quietP.y - radonP.y) * mOffsetAnimProgress;

canvas.drawText(mLogoTexts.get(i), x, y, mPaint);

}

}

}

4. 此时我们已经把logo文字动画实现了，接下来看我们拆解的第7步，还有个光照效果。对于这种光照效果，首选方案是通过Gradient+Shader实现。

因为绘制渐变也涉及到坐标，所以动画的初始化我们也放到了onSizeChanged中进行:

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

mWidth = w;

mHeight = h;

initLogoCoordinate();// 初始化坐标动画

initGradientAnimation(w);// 初始化渐变动画

}

// init the gradient animation

private void initGradientAnimation(int width) {

mGradientAnimator = ValueAnimator.ofInt(0, 2 * width);

if (mGradientListener != null) {

mGradientAnimator.addListener(mGradientListener);

}

mGradientAnimator.setDuration(mGradientDuration);

mGradientAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

mMatrixTranslate = (int) animation.getAnimatedValue();

invalidate();

}

});

mLinearGradient = new LinearGradient(-width, 0, 0, 0, new int[]{mTextColor, mGradientColor, mTextColor},

new float[]{0, 0.5f, 1}, Shader.TileMode.CLAMP);

mGradientMatrix = new Matrix();

}

5. 渐变动画是在文字移动动画结束后自动播放的，所以我们可以在初始化文字移动动画时对动画结束进行监听处理，同时在绘制onDraw中对文字进行绘制：

// init the translation animation

private void initOffsetAnimation() {

…

// 初始化移动动画

…

mOffsetAnimator.addListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator animation) {

if (mGradientAnimator != null && isShowGradient) {

isOffsetAnimEnd = true;

mPaint.setShader(mLinearGradient);

mGradientAnimator.start();

}

}

});

}

@Override

protected void onDraw(Canvas canvas) {

if (!isOffsetAnimEnd) {// offset animation

最后

目前已经更新的部分资料：

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

需要这份系统化学习资料的朋友，可以戳这里获取

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

741235222)]
[外链图片转存中…(img-IJ4k0Lag-1715741235223)]
[外链图片转存中…(img-fY29EoZ0-1715741235223)]

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

需要这份系统化学习资料的朋友，可以戳这里获取

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