Shulou(Shulou.com)06/03 Report--

This article mainly introduces "how to use Android Studio to realize the charging animation effect of Huawei mobile phone". In the daily operation, I believe that many people have doubts about how to use Android Studio to realize the charging animation effect of Huawei mobile phone. The editor consulted all kinds of materials and sorted out a simple and easy-to-use operation method. I hope it will be helpful for you to answer the doubt of "how to use Android Studio to realize the charging animation effect of Huawei mobile phone"! Next, please follow the editor to study!

Catalogue

Modify the list of files

Concrete realization

According to the original wireless charging animation flow of the system, the wired charging bubble animation is added.

Modify file list vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/statusbar/phone/StatusBar.java vendor/mediatek/proprietary/packages/apps/SystemUI/res/layout/wired_charging_layout.xml vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/charging/BubbleBean.java vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/charging/BubbleViscosity.java The concrete realization of vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/charging/WiredChargingAnimation.java

New layout

Vendor/mediatek/proprietary/packages/apps/SystemUI/res/layout/wired_charging_layout.xml

Add Bubble bean

Vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/charging/BubbleBean.java

Package com.android.systemui.charging;public class BubbleBean {private float randomY = 3; private float x; private float y; private int index; public BubbleBean (float x, float y, float randomY, int index) {this.x = x; this.y = y; this.randomY = randomY; this.index = index } public void set (float x, float y, float randomY, int index) {this.x = x; this.y = y; this.randomY = randomY; this.index = index;} public void setMove (int screenHeight, int maxDistance) {if (y-maxDistance)

< 110) { this.y -= 2; return; } if (maxDistance 110) { this.y -= randomY; } else { this.y -= 0.6; } if (index == 0) { this.x -= 0.4; } else if (index == 2) { this.x += 0.4; } } public int getIndex() { return index; } public float getX() { return x; } public void setX(float x) { this.x = x; } public float getY() { return y; } public void setY(float y) { this.y = y; }} 新增充电动画自定义 view vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/charging/BubbleViscosity.java package com.android.systemui.charging;import java.util.ArrayList;import java.util.List;import java.util.Random;import java.util.concurrent.Executors;import java.util.concurrent.ScheduledExecutorService;import java.util.concurrent.TimeUnit;import android.annotation.SuppressLint;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Path;import android.graphics.PixelFormat;import android.graphics.PointF;import android.graphics.PorterDuff;import android.graphics.PorterDuffXfermode;import android.graphics.Rect;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.util.Log;import android.util.TypedValue;import android.view.SurfaceHolder;import android.view.SurfaceView;public class BubbleViscosity extends SurfaceView implements SurfaceHolder.Callback, Runnable { private static ScheduledExecutorService scheduledThreadPool; private Context context; private String paintColor = "#25DA29"; private String centreColor = "#00000000"; private String minCentreColor = "#9025DA29"; private int screenHeight; private int screenWidth; private float lastRadius; private float rate = 0.32f; private float rate2 = 0.45f; private PointF lastCurveStrat = new PointF(); private PointF lastCurveEnd = new PointF(); private PointF centreCirclePoint = new PointF(); private float centreRadius; private float bubbleRadius; private PointF[] arcPointStrat = new PointF[8]; private PointF[] arcPointEnd = new PointF[8]; private PointF[] control = new PointF[8]; private PointF arcStrat = new PointF(); private PointF arcEnd = new PointF(); private PointF controlP = new PointF(); List bubbleList = new ArrayList(); List bubbleBeans = new ArrayList(); private int rotateAngle = 0; private float controlrate = 1.66f; private float controlrateS = 1.3f; private int i = 0; private SurfaceHolder mHolder; private float scale = 0; private Paint arcPaint; private Paint minCentrePaint; private Paint bubblePaint; private Paint centrePaint; private Paint lastPaint; private Path lastPath; private Random random; private Paint textPaint; private String text = "78 %"; private Rect rect; public BubbleViscosity(Context context) { this(context, null); } public BubbleViscosity(Context context, AttributeSet attrs) { this(context, attrs, 0); } public BubbleViscosity(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); this.context = context; initTool(); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); screenHeight = getMeasuredHeight(); screenWidth = getMeasuredWidth(); } private void initTool() { rect = new Rect(); mHolder = getHolder(); mHolder.addCallback(this); setFocusable(true); mHolder.setFormat(PixelFormat.TRANSPARENT); setZOrderOnTop(true); lastRadius = dip2Dimension(40f, context); centreRadius = dip2Dimension(100f, context); bubbleRadius = dip2Dimension(15f, context); random = new Random(); lastPaint = new Paint(); lastPaint.setAntiAlias(true); lastPaint.setStyle(Paint.Style.FILL); lastPaint.setColor(Color.parseColor(paintColor)); lastPaint.setStrokeWidth(2); lastPath = new Path(); centrePaint = new Paint(); centrePaint.setAntiAlias(true); centrePaint.setStyle(Paint.Style.FILL); centrePaint.setStrokeWidth(2); centrePaint .setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT)); centrePaint.setColor(Color.parseColor(centreColor)); arcPaint = new Paint(); arcPaint.setAntiAlias(true); arcPaint.setStyle(Paint.Style.FILL); arcPaint.setColor(Color.parseColor(paintColor)); arcPaint.setStrokeWidth(2); minCentrePaint = new Paint(); minCentrePaint.setAntiAlias(true); minCentrePaint.setStyle(Paint.Style.FILL); minCentrePaint.setColor(Color.parseColor(minCentreColor)); minCentrePaint.setStrokeWidth(2); bubblePaint = new Paint(); bubblePaint.setAntiAlias(true); bubblePaint.setStyle(Paint.Style.FILL); bubblePaint.setColor(Color.parseColor(minCentreColor)); bubblePaint.setStrokeWidth(2); textPaint = new Paint(); textPaint.setAntiAlias(true); textPaint.setStyle(Paint.Style.FILL); textPaint.setColor(Color.parseColor("#FFFFFF")); textPaint.setStrokeWidth(2); textPaint.setTextSize(dip2Dimension(40f, context)); } private void onMDraw() { Canvas canvas = mHolder.lockCanvas(); canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR); bubbleDraw(canvas); lastCircleDraw(canvas); centreCircleDraw(canvas); textPaint.getTextBounds(text, 0, text.length(), rect); canvas.drawText(text, centreCirclePoint.x - rect.width() / 2, centreCirclePoint.y + rect.height() / 2, textPaint); mHolder.unlockCanvasAndPost(canvas); } public void setBatteryLevel(String level){ this.text=level+"%"; postInvalidate(); } private void centreCircleDraw(Canvas canvas) { centreCirclePoint.set(screenWidth / 2, screenHeight / 2); circleInCoordinateDraw(canvas); canvas.drawCircle(centreCirclePoint.x, centreCirclePoint.y, centreRadius, centrePaint); } private void lastCircleDraw(Canvas canvas) { lastCurveStrat.set(screenWidth / 2 - lastRadius, screenHeight); lastCurveEnd.set((screenWidth / 2), screenHeight); float k = (lastRadius / 2) / lastRadius; float aX = lastRadius - lastRadius * rate2; float aY = lastCurveStrat.y - aX * k; float bX = lastRadius - lastRadius * rate; float bY = lastCurveEnd.y - bX * k; lastPath.rewind(); lastPath.moveTo(lastCurveStrat.x, lastCurveStrat.y); lastPath.cubicTo(lastCurveStrat.x + aX, aY, lastCurveEnd.x - bX, bY, lastCurveEnd.x, lastCurveEnd.y - lastRadius / 2); lastPath.cubicTo(lastCurveEnd.x + bX, bY, lastCurveEnd.x + lastRadius - aX, aY, lastCurveEnd.x + lastRadius, lastCurveEnd.y); lastPath.lineTo(lastCurveStrat.x, lastCurveStrat.y); canvas.drawPath(lastPath, lastPaint); } private int bubbleIndex = 0; private void bubbleDraw(Canvas canvas) { for (int i = 0; i < bubbleBeans.size(); i++) { if (bubbleBeans.get(i).getY() 3 && i < 6) { if (i == 4) { angle = rotateAngle + i * 60; } else { angle = rotateAngle + i * 64; } } else if (i >

5) {if (I = = 6) {angle = rotateAngle + I * 25;} else {angle = rotateAngle + I * 48 }} else {angle = rotateAngle + I * 90;} float radian = (float) Math.toRadians (angle); float adjacent = (float) Math.cos (radian) * centreRadius Float right = (float) Math.sin (radian) * centreRadius; float radianControl = (float) Math.toRadians (90-(45 + angle)); float xStrat = (float) Math.cos (radianControl) * centreRadius; float yEnd = (float) Math.sin (radianControl) * centreRadius If (I = = 0 | | I = = 1) {if (I = = 1) {arcStrat.set (centreCirclePoint.x + adjacent-scale, centreCirclePoint.y + right + scale) ArcEnd.set (centreCirclePoint.x-right, centreCirclePoint.y + adjacent) } else {arcStrat.set (centreCirclePoint.x + adjacent, centreCirclePoint.y + right) ArcEnd.set (centreCirclePoint.x-right-scale, centreCirclePoint.y + adjacent + scale) } controlP.set (centreCirclePoint.x + yEnd * controlrate, centreCirclePoint.y + xStrat * controlrate) } else {arcStrat.set (centreCirclePoint.x + adjacent, centreCirclePoint.y + right); arcEnd.set (centreCirclePoint.x-right, centreCirclePoint.y + adjacent) If (I > 5) {controlP.set (centreCirclePoint.x + yEnd * controlrateS, centreCirclePoint.y + xStrat * controlrateS) } else {controlP.set (centreCirclePoint.x + yEnd * controlrate, centreCirclePoint.y + xStrat * controlrate) }} arcPointStrat [I] = arcStrat; arcPointEnd [I] = arcEnd; control [I] = controlP; lastPath.rewind () LastPath.moveTo (arcPointStrat [I] .x, arcPointStrat [I] .y); lastPath.quadTo (control [I] .x, control [I] .y, arcPointend [I] .x, arcPointend [I] .y); if (I > 3 & & I)

< 6) { canvas.drawPath(lastPath, minCentrePaint); } else { canvas.drawPath(lastPath, arcPaint); } lastPath.rewind(); } } private void setAnimation() { setScheduleWithFixedDelay(this, 0, 5); setScheduleWithFixedDelay(new Runnable() { @Override public void run() { if (bubbleIndex >

2) bubbleIndex = 0; if (bubbleBeans.size ()

< 8) { bubbleBeans.add(new BubbleBean( bubbleList.get(bubbleIndex).x, bubbleList .get(bubbleIndex).y, random.nextInt(4) + 2, bubbleIndex)); } else { for (int i = 0; i < bubbleBeans.size(); i++) { if (bubbleBeans.get(i).getY() 90 && i < 180) { scale += 0.25; if (controlrateS < 1.66) controlrateS += 0.005; } else if (i >

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.