效果图
知识储备
1、WebView加载html，并通过JS传值
在网上随便搜索找到了这个炫酷的充电动画，可惜是css实现的，想在Android中使用那只能
通过 WebView 来加载了，要传递当前系统电量需要在Java和JS中传值，具体可参考下面的文章
Android：你要的WebView与 JS 交互方式 都在这里了
2、SystemUI 中使用 WebView 控件排错
开始在普通工程中使用WebView是没有问题的，但移植到SystemUI中运行的时候出现错误
AndroidRuntime: Caused by: java.lang.UnsupportedOperationException: For security reasons, WebView is not
allowed in privileged processes
解决办法，添加 hookWebView() 方法 解决 WebView 报错 Binary XML file line #7 Error inflating class android.webkit.WebView
具体实现
1、将html文件拷贝至assets文件夹
2、新建 layout_charge.xml 布局文件
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/transparent"> <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent"> </WebView> <FrameLayout android:id="@+id/clickView" android:layout_width="match_parent" android:layout_height="match_parent"/> </FrameLayout>
3、新建 ChargeActivity.java 文件
package com.android.systemui.power; import android.app.Activity; import android.content.BroadcastReceiver; import android.content.Context; import android.content.Intent; import android.content.IntentFilter; import android.os.BatteryManager; import android.os.Build; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.util.Log; import android.view.View; import android.webkit.ValueCallback; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.FrameLayout; import com.android.systemui.R; import java.lang.reflect.Constructor; import java.lang.reflect.Field; import java.lang.reflect.Method; public class ChargeActivity extends Activity { private WebView mWebView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); hookWebView(); setContentView(R.layout.layout_charge); mWebView = (WebView) findViewById(R.id.webView); FrameLayout mClickView = (FrameLayout) findViewById(R.id.clickView); mWebView.setVisibility(View.INVISIBLE); WebSettings webSettings = mWebView.getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); webSettings.setDomStorageEnabled(true); mWebView.loadUrl("file:///android_asset/charging.html"); mWebView.setWebViewClient(new WebViewClient(){ @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); mWebView.setVisibility(View.VISIBLE); mHandler.sendEmptyMessage(MSG_BATTERY); } }); mClickView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { closeAnim(); } }); registerReceiver(); } public static void hookWebView(){ int sdkInt = Build.VERSION.SDK_INT; try { Class<?> factoryClass = Class.forName("android.webkit.WebViewFactory"); Field field = factoryClass.getDeclaredField("sProviderInstance"); field.setAccessible(true); Object sProviderInstance = field.get(null); if (sProviderInstance != null) { Log.i("hook","sProviderInstance isn't null"); return; } Method getProviderClassMethod; if (sdkInt > 22) { getProviderClassMethod = factoryClass.getDeclaredMethod("getProviderClass"); } else if (sdkInt == 22) { getProviderClassMethod = factoryClass.getDeclaredMethod("getFactoryClass"); } else { Log.i("hook","Don't need to Hook WebView"); return; } getProviderClassMethod.setAccessible(true); Class<?> factoryProviderClass = (Class<?>) getProviderClassMethod.invoke(factoryClass); Class<?> delegateClass = Class.forName("android.webkit.WebViewDelegate"); Constructor<?> delegateConstructor = delegateClass.getDeclaredConstructor(); delegateConstructor.setAccessible(true); if(sdkInt < 26){ Constructor<?> providerConstructor = factoryProviderClass.getConstructor(delegateClass); if (providerConstructor != null) { providerConstructor.setAccessible(true); sProviderInstance = providerConstructor.newInstance(delegateConstructor.newInstance()); } } else { Field chromiumMethodName = factoryClass.getDeclaredField("CHROMIUM_WEBVIEW_FACTORY_METHOD"); chromiumMethodName.setAccessible(true); String chromiumMethodNameStr = (String)chromiumMethodName.get(null); if (chromiumMethodNameStr == null) { chromiumMethodNameStr = "create"; } Method staticFactory = factoryProviderClass.getMethod(chromiumMethodNameStr, delegateClass); if (staticFactory!=null){ sProviderInstance = staticFactory.invoke(null, delegateConstructor.newInstance()); } } if (sProviderInstance != null){ field.set("sProviderInstance", sProviderInstance); Log.i("hook","Hook success!"); } else { Log.i("hook","Hook failed!"); } } catch (Throwable e) { Log.w("hook",e); e.printStackTrace(); } } private void closeAnim(){ mHandler.removeMessages(MSG_BATTERY); finish(); } private void registerReceiver() { IntentFilter filter = new IntentFilter(); filter.addAction(Intent.ACTION_POWER_DISCONNECTED); registerReceiver(receiver, filter); } @Override protected void onDestroy() { super.onDestroy(); unregisterReceiver(receiver); } private BroadcastReceiver receiver = new BroadcastReceiver() { @Override public void onReceive(Context context, Intent intent) { String action = intent.getAction(); if (Intent.ACTION_POWER_DISCONNECTED.equals(action)){ closeAnim(); } } }; private int MSG_BATTERY = 100; private Handler mHandler = new Handler(){ @Override public void handleMessage(Message msg) { super.handleMessage(msg); if (msg.what == MSG_BATTERY){ changeBatteryText(); mHandler.sendEmptyMessageDelayed(MSG_BATTERY, 15000); } } }; private int getBatteryLevel() { BatteryManager batteryManager = (BatteryManager) getSystemService(BATTERY_SERVICE); return batteryManager.getIntProperty(BatteryManager.BATTERY_PROPERTY_CAPACITY); } private void changeBatteryText() { mWebView.post(new Runnable() { @Override public void run() { String mbettery = getBatteryLevel() + "%"; Log.e("ccz", "mbettery=" + mbettery); mWebView.evaluateJavascript("javascript:callJSWithArgs('" + mbettery + "')", new ValueCallback<String>() { @Override public void onReceiveValue(String value) { //Toast.makeText(getApplication(), " "+value, Toast.LENGTH_SHORT).show(); } }); } }); } }
优化体验
因为本文章只是提供充电动画思路，细节考虑不到位，采用Activity方式加载layout，
切换时会有明显拉起动画,可以通过Window addView 方式将 layout 添加到SystemUI中，
有需求的可自己去实现
