新增雷雨动画

Author: zhujiang2

animate/src/main/java/com/zui/animate/Thunder.kt

@@ -0,0 +1,65 @@
+package com.zui.animate
+
+import androidx.compose.animation.core.RepeatMode
+import androidx.compose.animation.core.animateFloat
+import androidx.compose.animation.core.infiniteRepeatable
+import androidx.compose.animation.core.rememberInfiniteTransition
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.offset
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun Thunder(
+    modifier: Modifier = Modifier,
+    durationMillis1: Int = 500,
+    durationMillis2: Int = 1000
+) {
+    val screenWidthDp = LocalConfiguration.current.screenWidthDp
+    val transition = rememberInfiniteTransition(label = "")
+    val alpha by transition.animateFloat(
+        initialValue = 0f,
+        targetValue = 1f,
+        animationSpec = infiniteRepeatable(
+            tween(durationMillis1),
+            RepeatMode.Reverse
+        ), label = ""
+    )
+    val alpha2 by transition.animateFloat(
+        initialValue = 1f,
+        targetValue = 0f,
+        animationSpec = infiniteRepeatable(
+            tween(durationMillis2),
+            RepeatMode.Reverse
+        ), label = ""
+    )
+    Box(modifier = modifier) {
+        Image(
+            modifier = Modifier.offset((screenWidthDp / 20).dp, 0.dp),
+            painter = painterResource(id = R.drawable.ic_thunder1), contentDescription = "",
+            alpha = alpha
+        )
+        Image(
+            modifier = Modifier.align(Alignment.TopCenter),
+            painter = painterResource(id = R.drawable.ic_thunder2), contentDescription = "",
+            alpha = alpha
+        )
+        Image(
+            modifier = Modifier.align(Alignment.TopEnd),
+            painter = painterResource(id = R.drawable.ic_thunder3), contentDescription = "",
+            alpha = alpha2
+        )
+        Image(
+            modifier = Modifier.offset((screenWidthDp / 18).dp, 0.dp),
+            painter = painterResource(id = R.drawable.ic_thunder4), contentDescription = "",
+            alpha = alpha2
+        )
+    }
+}

animate/src/main/java/com/zui/animate/WeatherBackground.kt

@@ -24,6 +24,9 @@ object WeatherAnimateType {
     // 暴雨
     const val RAINSTORM = 24
 
+    // 雷雨
+    const val THUNDER_RAIN = 25
+
     // 小雪
     const val LIGHT_SNOW = 31
 
@@ -69,6 +72,11 @@ fun WeatherBackground(
             Rain(modifier, Rains.RAINSTORM)
         }
 
+        WeatherAnimateType.THUNDER_RAIN -> {
+            Rain(modifier, Rains.MODERATE_RAIN)
+            Thunder(modifier)
+        }
+
         WeatherAnimateType.LIGHT_SNOW -> {
             Snow(modifier, Snows.LIGHT_SNOW)
         }
@@ -101,10 +109,11 @@ private fun getWeatherAnimateType(weather: String?): Int? {
         "101", "102", "103", "151", "152", "153", "104", "154", "200", "201", "202", "203", "204", "205", "206", "207", "208",
         "209", "210", "211", "212", "213" -> WeatherAnimateType.CLOUDY
 
-        "300", "301", "302", "303", "304", "305", "308", "309" -> WeatherAnimateType.LIGHT_RAIN
+        "300", "301", "305", "308", "309" -> WeatherAnimateType.LIGHT_RAIN
         "306", "350", "351", "399" -> WeatherAnimateType.MODERATE_RAIN
         "307" -> WeatherAnimateType.HEAVY_RAIN
         "310", "311", "312" -> WeatherAnimateType.RAINSTORM
+        "302", "303", "304" -> WeatherAnimateType.THUNDER_RAIN
 
         "400", "407", "408", "456", "457", "499", "404", "405", "406", "313" -> WeatherAnimateType.LIGHT_SNOW
         "401", "409" -> WeatherAnimateType.MODERATE_SNOW