如何用Android Studio实现华为手机的充电动画效果
发表于：2024-10-08 作者：千家信息网编辑
千家信息网最后更新 2024年10月08日，这篇文章主要介绍"如何用Android Studio实现华为手机的充电动画效果"，在日常操作中，相信很多人在如何用Android Studio实现华为手机的充电动画效果问题上存在疑惑，小编查阅了各式资
千家信息网最后更新 2024年10月08日如何用Android Studio实现华为手机的充电动画效果
这篇文章主要介绍"如何用Android Studio实现华为手机的充电动画效果"，在日常操作中，相信很多人在如何用Android Studio实现华为手机的充电动画效果问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"如何用Android Studio实现华为手机的充电动画效果"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
目录
修改文件清单
具体实现
根据系统原有的无线充电动画流程，新增有线充电气泡动画。
修改文件清单
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 vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/charging/WiredChargingAnimation.java
具体实现
新增布局
vendor/mediatek/proprietary/packages/apps/SystemUI/res/layout/wired_charging_layout.xml
新增气泡 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 <= y && screenHeight - y > 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() <= (int) (screenHeight / 2 + centreRadius)) { bubblePaint.setAlpha(000); canvas.drawCircle(bubbleBeans.get(i).getX(), bubbleBeans.get(i) .getY(), bubbleRadius, bubblePaint); } else { bubblePaint.setAlpha(150); canvas.drawCircle(bubbleBeans.get(i).getX(), bubbleBeans.get(i) .getY(), bubbleRadius, bubblePaint); } } } /** * @param dip * @param context * @return */ public float dip2Dimension(float dip, Context context) { DisplayMetrics displayMetrics = context.getResources() .getDisplayMetrics(); return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dip, displayMetrics); } /** * @param canvas */ public void circleInCoordinateDraw(Canvas canvas) { int angle; for (int i = 0; i < arcPointStrat.length; i++) { if (i > 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() <= (int) (screenHeight / 2 + centreRadius)) { bubbleBeans.get(i).set( bubbleList.get(bubbleIndex).x, bubbleList.get(bubbleIndex).y, random.nextInt(4) + 2, bubbleIndex); if (random.nextInt(bubbleBeans.size()) + 3 == 3 ? true : false) { } else { break; } } } } bubbleIndex++; } }, 0, 300); } private static ScheduledExecutorService getInstence() { if (scheduledThreadPool == null) { synchronized (BubbleViscosity.class) { if (scheduledThreadPool == null) { scheduledThreadPool = Executors .newSingleThreadScheduledExecutor(); } } } return scheduledThreadPool; } private static void setScheduleWithFixedDelay(Runnable var1, long var2, long var4) { getInstence().scheduleWithFixedDelay(var1, var2, var4, TimeUnit.MILLISECONDS); } public static void onDestroyThread() { getInstence().shutdownNow(); if (scheduledThreadPool != null) { scheduledThreadPool = null; } } @Override public void surfaceCreated(SurfaceHolder holder) { bubbleList.clear(); setBubbleList(); startBubbleRunnable(); setAnimation(); } @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { } @Override public void surfaceDestroyed(SurfaceHolder holder) { onDestroyThread(); } @Override public void run() { i++; rotateAngle = i; if (i > 90 && i < 180) { scale += 0.25; if (controlrateS < 1.66) controlrateS += 0.005; } else if (i >= 180) { scale -= 0.12; if (i > 300) controlrateS -= 0.01; } onMDraw(); if (i == 360) { i = 0; rotateAngle = 0; controlrate = 1.66f; controlrateS = 1.3f; scale = 0; } } public void setBubbleList() { float radian = (float) Math.toRadians(35); float adjacent = (float) Math.cos(radian) * lastRadius / 3; float right = (float) Math.sin(radian) * lastRadius / 3; if (!bubbleList.isEmpty()) return; bubbleList.add(new PointF(screenWidth / 2 - adjacent, screenHeight - right)); bubbleList.add(new PointF(screenWidth / 2, screenHeight - lastRadius / 4)); bubbleList.add(new PointF(screenWidth / 2 + adjacent, screenHeight - right)); startBubbleRunnable(); } public void startBubbleRunnable(){ setScheduleWithFixedDelay(new Runnable() { @Override public void run() { for (int i = 0; i < bubbleBeans.size(); i++) { bubbleBeans.get(i).setMove(screenHeight, (int) (screenHeight / 2 + centreRadius)); } } }, 0, 4); }} 新增动画管理类
vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/charging/WiredChargingAnimation.java
package com.android.systemui.charging;import android.annotation.NonNull;import android.annotation.Nullable;import android.content.Context;import android.graphics.PixelFormat;import android.os.Handler;import android.os.Looper;import android.os.Message;import android.util.Log;import android.util.Slog;import android.view.Gravity;import android.view.View;import android.view.WindowManager;import android.view.LayoutInflater;import com.android.systemui.R;public class WiredChargingAnimation { public static final long DURATION = 3333; private static final String TAG = "WiredChargingAnimation"; private static final boolean DEBUG = true || Log.isLoggable(TAG, Log.DEBUG); private final WiredChargingView mCurrentWirelessChargingView; private static WiredChargingView mPreviousWirelessChargingView; private static boolean mShowingWiredChargingAnimation; public static boolean isShowingWiredChargingAnimation(){ return mShowingWiredChargingAnimation; } public WiredChargingAnimation(@NonNull Context context, @Nullable Looper looper, int batteryLevel, boolean isDozing) { mCurrentWirelessChargingView = new WiredChargingView(context, looper, batteryLevel, isDozing); } public static WiredChargingAnimation makeWiredChargingAnimation(@NonNull Context context, @Nullable Looper looper, int batteryLevel, boolean isDozing) { mShowingWiredChargingAnimation = true; android.util.Log.d(TAG,"makeWiredChargingAnimation batteryLevel="+batteryLevel); return new WiredChargingAnimation(context, looper, batteryLevel, isDozing); } /** * Show the view for the specified duration. */ public void show() { if (mCurrentWirelessChargingView == null || mCurrentWirelessChargingView.mNextView == null) { throw new RuntimeException("setView must have been called"); } /*if (mPreviousWirelessChargingView != null) { mPreviousWirelessChargingView.hide(0); }*/ mPreviousWirelessChargingView = mCurrentWirelessChargingView; mCurrentWirelessChargingView.show(); mCurrentWirelessChargingView.hide(DURATION); } private static class WiredChargingView { private static final int SHOW = 0; private static final int HIDE = 1; private final WindowManager.LayoutParams mParams = new WindowManager.LayoutParams(); private final Handler mHandler; private int mGravity; private View mView; private View mNextView; private WindowManager mWM; public WiredChargingView(Context context, @Nullable Looper looper, int batteryLevel, boolean isDozing) { //mNextView = new WirelessChargingLayout(context, batteryLevel, isDozing); mNextView = LayoutInflater.from(context).inflate(R.layout.wired_charging_layout, null, false); BubbleViscosity shcyBubbleViscosity = mNextView.findViewById(R.id.shcy_bubble_view); shcyBubbleViscosity.setBatteryLevel(batteryLevel+""); mGravity = Gravity.CENTER_HORIZONTAL | Gravity.CENTER; final WindowManager.LayoutParams params = mParams; params.height = WindowManager.LayoutParams.MATCH_PARENT; params.width = WindowManager.LayoutParams.MATCH_PARENT; params.format = PixelFormat.TRANSLUCENT; params.type = WindowManager.LayoutParams.TYPE_KEYGUARD_DIALOG; params.setTitle("Charging Animation"); params.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE | WindowManager.LayoutParams.FLAG_DIM_BEHIND; params.dimAmount = .3f; if (looper == null) { // Use Looper.myLooper() if looper is not specified. looper = Looper.myLooper(); if (looper == null) { throw new RuntimeException( "Can't display wireless animation on a thread that has not called " + "Looper.prepare()"); } } mHandler = new Handler(looper, null) { @Override public void handleMessage(Message msg) { switch (msg.what) { case SHOW: { handleShow(); break; } case HIDE: { handleHide(); // Don't do this in handleHide() because it is also invoked by // handleShow() mNextView = null; mShowingWiredChargingAnimation = false; break; } } } }; } public void show() { if (DEBUG) Slog.d(TAG, "SHOW: " + this); mHandler.obtainMessage(SHOW).sendToTarget(); } public void hide(long duration) { mHandler.removeMessages(HIDE); if (DEBUG) Slog.d(TAG, "HIDE: " + this); mHandler.sendMessageDelayed(Message.obtain(mHandler, HIDE), duration); } private void handleShow() { if (DEBUG) { Slog.d(TAG, "HANDLE SHOW: " + this + " mView=" + mView + " mNextView=" + mNextView); } if (mView != mNextView) { // remove the old view if necessary handleHide(); mView = mNextView; Context context = mView.getContext().getApplicationContext(); String packageName = mView.getContext().getOpPackageName(); if (context == null) { context = mView.getContext(); } mWM = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); mParams.packageName = packageName; mParams.hideTimeoutMilliseconds = DURATION; if (mView.getParent() != null) { if (DEBUG) Slog.d(TAG, "REMOVE! " + mView + " in " + this); mWM.removeView(mView); } if (DEBUG) Slog.d(TAG, "ADD! " + mView + " in " + this); try { mWM.addView(mView, mParams); } catch (WindowManager.BadTokenException e) { Slog.d(TAG, "Unable to add wireless charging view. " + e); } } } private void handleHide() { if (DEBUG) Slog.d(TAG, "HANDLE HIDE: " + this + " mView=" + mView); if (mView != null) { if (mView.getParent() != null) { if (DEBUG) Slog.d(TAG, "REMOVE! " + mView + " in " + this); mWM.removeViewImmediate(mView); } mView = null; } } }}电源插入时且在锁屏下显示气泡动画
vendor/mediatek/proprietary/packages/apps/SystemUI/src/com/android/systemui/statusbar/phone/StatusBar.java
//cczheng add for hw charge start import com.android.systemui.charging.WiredChargingAnimation;//cczheng add for hw charge end mBatteryController.addCallback(new BatteryStateChangeCallback() { @Override public void onPowerSaveChanged(boolean isPowerSave) { mHandler.post(mCheckBarModes); if (mDozeServiceHost != null) { mDozeServiceHost.firePowerSaveChanged(isPowerSave); } } @Override public void onBatteryLevelChanged(int level, boolean pluggedIn, boolean charging) { // noop //cczheng add for hw charge start boolean isShowing = WiredChargingAnimation.isShowingWiredChargingAnimation(); android.util.Log.d("WiredChargingAnimation","level="+level+" charging="+charging+" isShowing="+isShowing); if (!isShowing && charging && mState == StatusBarState.KEYGUARD) { WiredChargingAnimation.makeWiredChargingAnimation(mContext, null, level, false).show(); } //cczheng add for hw charge end } });到此，关于"如何用Android Studio实现华为手机的充电动画效果"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！
动画
手机
效果
华为
学习
气泡
文件
更多
清单
帮助
实用
接下来
布局
文章
方法
无线
有线
流程
理论
电源
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
vlc 视频服务器
书亦软件开发
天长天气预报软件开发
区块链互联网科技园
数据库服务器存储不了
net数据库有用吗
我的世界jj服务器
辽宁服务器租用
网络安全四道防火墙
信阳服务器机箱参数
toad 数据库运行状态
软件开发流程以及分工
软件开发项目完成交接表
软件开发中系统功能算法
红外光谱软件安全数据库无法打开
软件开发有几个团队
任正非谈论网络安全
浙江推广网络技术收费标准
深圳育鹏互联网科技有限公司
北京网络安全监察部门
储存信息用什么数据库
无法向该服务器发送邮件
单县万事通网络技术服务中心
霍邱县陈埠职高软件开发
网络技术标准图
苏州软件开发工资待遇怎么样
北京信息化软件开发服务推广
网络服务器应该学什么语言
信阳服务器机箱参数
数据库地址指什么
