增加 WebView 打开网页的夜间模式

Author: iceCola7

app/src/main/java/com/cxz/wanandroid/utils/ColorUtil.kt

@@ -0,0 +1,72 @@
+package com.cxz.wanandroid.utils
+
+import android.graphics.Color
+import android.support.annotation.ColorInt
+import android.support.annotation.FloatRange
+import android.support.annotation.IntRange
+
+/**
+ * @author chenxz
+ * @date 2019/11/24
+ * @desc ColorUtil
+ */
+object ColorUtil {
+
+    /**
+     * 计算颜色
+     *
+     * @param color color值
+     * @param alpha alpha值
+     * @return 最终的状态栏颜色
+     */
+    fun alphaColor(@ColorInt color: Int, @IntRange(from = 0, to = 255) alpha: Int): Int {
+        val red = Color.red(color)
+        val green = Color.green(color)
+        val blue = Color.blue(color)
+        return Color.argb(alpha, red, green, blue)
+    }
+
+    /**
+     * 计算颜色
+     *
+     * @param color color值
+     * @param alpha alpha值[0-1]
+     * @return 最终的状态栏颜色
+     */
+    fun alphaColor(@ColorInt color: Int, @FloatRange(from = 0.0, to = 1.0) alpha: Float): Int {
+        return alphaColor(color, (alpha * 255).toInt())
+    }
+
+    /**
+     * 根据fraction值来计算当前的颜色
+     *
+     * @param colorFrom 起始颜色
+     * @param colorTo   结束颜色
+     * @param fraction  变量
+     * @return 当前颜色
+     */
+    fun changingColor(@ColorInt colorFrom: Int, @ColorInt colorTo: Int, @FloatRange(from = 0.0, to = 1.0) fraction: Float): Int {
+        val redStart = Color.red(colorFrom)
+        val blueStart = Color.blue(colorFrom)
+        val greenStart = Color.green(colorFrom)
+        val alphaStart = Color.alpha(colorFrom)
+
+        val redEnd = Color.red(colorTo)
+        val blueEnd = Color.blue(colorTo)
+        val greenEnd = Color.green(colorTo)
+        val alphaEnd = Color.alpha(colorTo)
+
+        val redDifference = redEnd - redStart
+        val blueDifference = blueEnd - blueStart
+        val greenDifference = greenEnd - greenStart
+        val alphaDifference = alphaEnd - alphaStart
+
+        val redCurrent = (redStart + fraction * redDifference).toInt()
+        val blueCurrent = (blueStart + fraction * blueDifference).toInt()
+        val greenCurrent = (greenStart + fraction * greenDifference).toInt()
+        val alphaCurrent = (alphaStart + fraction * alphaDifference).toInt()
+
+        return Color.argb(alphaCurrent, redCurrent, greenCurrent, blueCurrent)
+    }
+
+}

app/src/main/java/com/cxz/wanandroid/widget/WebContainer.kt

@@ -0,0 +1,39 @@
+package com.cxz.wanandroid.widget
+
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Color
+import android.support.design.widget.CoordinatorLayout
+import android.support.v4.content.ContextCompat
+import android.util.AttributeSet
+import com.cxz.wanandroid.R
+import com.cxz.wanandroid.utils.ColorUtil
+import com.cxz.wanandroid.utils.SettingUtil
+
+/**
+ * @author chenxz
+ * @date 2019/11/24
+ * @desc WebContainer
+ */
+class WebContainer @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0)
+    : CoordinatorLayout(context, attrs, defStyleAttr) {
+
+    private var mDarkTheme: Boolean = false
+
+    private var mMaskColor = Color.TRANSPARENT
+
+    init {
+        mDarkTheme = SettingUtil.getIsNightMode()
+        if (mDarkTheme) {
+            mMaskColor = ColorUtil.alphaColor(ContextCompat.getColor(getContext(), R.color.mask_color), 0.6f)
+        }
+    }
+
+    override fun dispatchDraw(canvas: Canvas) {
+        super.dispatchDraw(canvas)
+        if (mDarkTheme) {
+            canvas.drawColor(mMaskColor)
+        }
+    }
+
+}

app/src/main/res/layout/activity_content.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<com.cxz.wanandroid.widget.WebContainer xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/cl_main"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
@@ -10,4 +10,4 @@
 
     <!--<include layout="@layout/container" />-->
 
-</android.support.design.widget.CoordinatorLayout>
+</com.cxz.wanandroid.widget.WebContainer>

app/src/main/res/values-night/colors.xml

@@ -8,6 +8,7 @@
     <color name="windowBackground">@color/Grey900</color>
     <color name="line_divider">@color/Grey700</color>
     <color name="list_divider">@color/Grey600</color>
+    <color name="mask_color">#111111</color>
 
     <color name="common_color">@color/Grey300</color>
     <color name="item_title">@color/Grey300</color>

app/src/main/res/values/colors.xml

@@ -8,6 +8,7 @@
     <color name="windowBackground">@color/Grey100</color>
     <color name="line_divider">@color/Grey300</color>
     <color name="list_divider">@color/Grey400</color>
+    <color name="mask_color">#f5f5f5</color>
 
     <!-- item -->
     <color name="common_color">#19191B</color>