新建文件夹 app/src/main/assets 将.lottie文件放入

UI调整

app/src/main/java/com/aiosman/ravenow/ui/agent/AddAgent.kt

@@ -81,7 +81,10 @@ import androidx.compose.ui.focus.focusRequester
 import androidx.compose.ui.graphics.asImageBitmap
 import androidx.compose.ui.text.TextStyle
 import com.aiosman.ravenow.ui.agent.AddAgentViewModel.showManualCreation
-
+import com.airbnb.lottie.compose.LottieAnimation
+import com.airbnb.lottie.compose.LottieCompositionSpec
+import com.airbnb.lottie.compose.LottieConstants
+import com.airbnb.lottie.compose.rememberLottieComposition
 /**
  * 添加智能体界面
  */
@@ -405,76 +408,14 @@ fun AddAgentScreen() {
                     verticalAlignment = Alignment.CenterVertically
                 ) {
                     Box(
-                        modifier = Modifier.size(18.dp)
+                        modifier = Modifier.size(32.dp)
                     ) {
-                        val infiniteTransition = rememberInfiniteTransition()
+                        LottieAnimation(
-                        val dot1Translation by infiniteTransition.animateFloat(
+                            composition = rememberLottieComposition(LottieCompositionSpec.Asset("loading.lottie")).value,
-                            initialValue = 0f,
+                            iterations = LottieConstants.IterateForever,
-                            targetValue = -12f,
+                            modifier = Modifier.matchParentSize()
-                            animationSpec = infiniteRepeatable(
-                                animation = tween(
-                                    durationMillis = 1000,
-                                    easing = FastOutSlowInEasing
-                                ),
-                                repeatMode = RepeatMode.Reverse,
-                                initialStartOffset = StartOffset(0)
-                            )
-                        )
-
-                        val dot2Translation by infiniteTransition.animateFloat(
-                            initialValue = 0f,
-                            targetValue = -12f,
-                            animationSpec = infiniteRepeatable(
-                                animation = tween(
-                                    durationMillis = 1000,
-                                    easing = FastOutSlowInEasing
-                                ),
-                                repeatMode = RepeatMode.Reverse,
-                                initialStartOffset = StartOffset(333)
-                            )
-                        )
-
-                        val dot3Translation by infiniteTransition.animateFloat(
-                            initialValue = 0f,
-                            targetValue = -12f,
-                            animationSpec = infiniteRepeatable(
-                                animation = tween(
-                                    durationMillis = 1000,
-                                    easing = FastOutSlowInEasing
-                                ),
-                                repeatMode = RepeatMode.Reverse,
-                                initialStartOffset = StartOffset(666)
-                            )
-                        )
-
-                        // 三个彩色圆点
-                        Box(
-                            modifier = Modifier
-                                .size(6.dp)
-                                .align(Alignment.BottomStart)
-                                .offset(y = dot1Translation.dp)
-                                .background(Color(0xFFFFD400), CircleShape)
-                        )
-
-                        Box(
-                            modifier = Modifier
-                                .size(6.dp)
-                                .align(Alignment.BottomCenter)
-                                .offset(y = dot2Translation.dp)
-                                .background(Color(0xFF2F80FF), CircleShape)
-                        )
-
-                        Box(
-                            modifier = Modifier
-                                .size(6.dp)
-                                .align(Alignment.BottomEnd)
-                                .offset(y = dot3Translation.dp)
-                                .background(Color(0xFF27C84D), CircleShape)
                         )
                     }
-
-                    Spacer(modifier = Modifier.width(8.dp))
-
                     Text(
                         text = stringResource(R.string.ideaing),
                         color = appColors.text.copy(alpha = 0.6f),

app/src/main/java/com/aiosman/ravenow/ui/comment/notice/CommentNotice.kt

@@ -48,7 +48,7 @@ import com.aiosman.ravenow.ui.modifiers.noRippleClickable
 import com.aiosman.ravenow.ui.navigateToPost
 import kotlinx.coroutines.launch
 import com.aiosman.ravenow.utils.NetworkUtils
-
+import com.aiosman.ravenow.ui.network.ReloadButton
 @Composable
 fun CommentNoticeScreen() {
     val viewModel = viewModel<CommentNoticeListViewModel>(
@@ -111,6 +111,11 @@ fun CommentNoticeScreen() {
                         fontSize = 14.sp,
                         fontWeight = FontWeight.W400
                     )
+                    Spacer(modifier = Modifier.height(16.dp))
+                    ReloadButton(
+                        onClick = {
+                        }
+                    )
                 }
             }
         } else if (comments.itemCount == 0 && comments.loadState.refresh is LoadState.NotLoading) {

app/src/main/java/com/aiosman/ravenow/ui/follower/FollowerList.kt

@@ -7,6 +7,7 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.lazy.LazyColumn
@@ -39,6 +40,7 @@ import com.aiosman.ravenow.ui.comment.NoticeScreenHeader
 import com.aiosman.ravenow.ui.composables.StatusBarMaskLayout
 import kotlinx.coroutines.launch
 import com.aiosman.ravenow.utils.NetworkUtils
+import com.aiosman.ravenow.ui.network.ReloadButton
 
 @OptIn(ExperimentalMaterialApi::class)
 @Composable
@@ -101,6 +103,11 @@ fun FollowerListScreen(userId: Int) {
                         fontSize = 14.sp,
                         fontWeight = FontWeight.W400
                     )
+                    Spacer(modifier = Modifier.height(16.dp))
+                    ReloadButton(
+                        onClick = {
+                        }
+                    )
                 }
             }
         } else if (users.itemCount == 0) {

app/src/main/java/com/aiosman/ravenow/ui/follower/FollowerNotice.kt

@@ -8,6 +8,7 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
@@ -37,6 +38,7 @@ import com.aiosman.ravenow.ui.composables.CustomAsyncImage
 import com.aiosman.ravenow.ui.composables.FollowButton
 import com.aiosman.ravenow.ui.composables.StatusBarMaskLayout
 import com.aiosman.ravenow.ui.modifiers.noRippleClickable
+import com.aiosman.ravenow.ui.network.ReloadButton
 import kotlinx.coroutines.launch
 import com.aiosman.ravenow.utils.NetworkUtils
 
@@ -99,6 +101,11 @@ fun FollowerNoticeScreen() {
                         fontSize = 14.sp,
                         fontWeight = FontWeight.W400
                     )
+                    Spacer(modifier = Modifier.height(16.dp))
+                    ReloadButton(
+                        onClick = {
+                        }
+                    )
                 }
             }
         } else if (followers.itemCount == 0) {

app/src/main/java/com/aiosman/ravenow/ui/follower/FollowingList.kt

@@ -38,6 +38,7 @@ import com.aiosman.ravenow.exp.viewModelFactory
 import com.aiosman.ravenow.ui.NavigationRoute
 import com.aiosman.ravenow.ui.comment.NoticeScreenHeader
 import com.aiosman.ravenow.ui.composables.StatusBarMaskLayout
+import com.aiosman.ravenow.ui.network.ReloadButton
 import kotlinx.coroutines.launch
 import com.aiosman.ravenow.utils.NetworkUtils
 
@@ -104,6 +105,11 @@ fun FollowingListScreen(userId: Int) {
                         fontSize = 14.sp,
                         fontWeight = FontWeight.W400
                     )
+                    Spacer(modifier = Modifier.height(16.dp))
+                    ReloadButton(
+                        onClick = {
+                        }
+                    )
                 }
             }
         } else if(users.itemCount == 0) {

app/src/main/java/com/aiosman/ravenow/ui/index/tabs/message/tab/AgentChatListScreen.kt

@@ -138,6 +138,11 @@ fun AgentChatListScreen() {
                             color = AppColors.secondaryText,
                             fontSize = 14.sp
                         )
+                        Spacer(modifier = Modifier.height(16.dp))
+                        ReloadButton(
+                            onClick = {
+                            }
+                        )
                     }
                 }
             } else {

app/src/main/java/com/aiosman/ravenow/ui/index/tabs/message/tab/FriendChatListScreen.kt

@@ -33,8 +33,14 @@ import com.aiosman.ravenow.LocalNavController
 import com.aiosman.ravenow.R
 import com.aiosman.ravenow.ui.composables.CustomAsyncImage
 import com.aiosman.ravenow.ui.composables.rememberDebouncer
+import com.aiosman.ravenow.ui.index.tabs.search.ReloadButton
 import com.aiosman.ravenow.ui.modifiers.noRippleClickable
 import com.aiosman.ravenow.utils.NetworkUtils
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.foundation.layout.PaddingValues
 
 @OptIn(ExperimentalMaterialApi::class)
 @Composable
@@ -119,6 +125,11 @@ fun FriendChatListScreen() {
                             color = AppColors.secondaryText,
                             fontSize = 14.sp
                         )
+                        Spacer(modifier = Modifier.height(16.dp))
+                        ReloadButton(
+                            onClick = {
+                            }
+                        )
                     }
                 }
             } else {
@@ -290,4 +301,43 @@ fun FriendChatItem(
         }
     }
 }
+@Composable
+fun ReloadButton(
+    onClick: () -> Unit
+) {
+    val gradientBrush = Brush.linearGradient(
+        colors = listOf(
+            Color(0xFF7c45ed),
+            Color(0xFF7c68ef),
+            Color(0xFF7bd8f8)
+        )
+    )
 
+    Button(
+        onClick = onClick,
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(horizontal = 120.dp)
+            .height(48.dp),
+        shape = RoundedCornerShape(30.dp),
+        colors = ButtonDefaults.buttonColors(
+            backgroundColor = Color.Transparent
+        ),
+        contentPadding = PaddingValues(0.dp)
+    ) {
+        Box(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(gradientBrush),
+            contentAlignment = Alignment.Center
+        ) {
+            Text(
+                text =  stringResource(R.string.Reload),
+                fontSize = 16.sp,
+                fontWeight = FontWeight.Bold,
+                color = Color.White,
+                textAlign = TextAlign.Center
+            )
+        }
+    }
+}

app/src/main/java/com/aiosman/ravenow/ui/index/tabs/message/tab/GroupChatListScreen.kt

@@ -117,6 +117,11 @@ fun GroupChatListScreen() {
                             color = AppColors.secondaryText,
                             fontSize = 14.sp
                         )
+                        Spacer(modifier = Modifier.height(16.dp))
+                        ReloadButton(
+                            onClick = {
+                            }
+                        )
                     }
                 }
             } else {

app/src/main/java/com/aiosman/ravenow/ui/index/tabs/moment/tabs/timeline/Moment.kt

@@ -235,9 +235,9 @@ fun ExploreButton(
 ) {
     val gradientBrush = Brush.linearGradient(
         colors = listOf(
-            Color(0xFFee2a33),
+            Color(0xFF7c45ed),
-            Color(0xFFd80264),
+            Color(0xFF7c68ef),
-            Color(0xFF664c92)
+            Color(0xFF7bd8f8)
         )
     )
 

app/src/main/java/com/aiosman/ravenow/ui/index/tabs/profile/composable/GalleryItem.kt

@@ -40,6 +40,7 @@ import androidx.compose.foundation.verticalScroll
 import androidx.compose.ui.res.stringResource
 import com.aiosman.ravenow.AppState
 import com.aiosman.ravenow.ui.composables.rememberDebouncer
+import com.aiosman.ravenow.ui.network.ReloadButton
 import com.aiosman.ravenow.utils.NetworkUtils
 @Composable
 fun GalleryItem(
@@ -163,6 +164,11 @@ fun GalleryGrid(
                 color = AppColors.secondaryText,
                 fontWeight = FontWeight.W400
             )
+            Spacer(modifier = Modifier.height(16.dp))
+            ReloadButton(
+                onClick = {
+                }
+            )
         }
     } else if (moments.isEmpty()) {
         Column(

app/src/main/java/com/aiosman/ravenow/ui/index/tabs/profile/composable/UserAgentsList.kt

@@ -45,6 +45,7 @@ import com.aiosman.ravenow.R
 import com.aiosman.ravenow.ui.NavigationRoute
 import com.aiosman.ravenow.entity.AgentEntity
 import com.aiosman.ravenow.ui.composables.CustomAsyncImage
+import com.aiosman.ravenow.ui.network.ReloadButton
 import com.aiosman.ravenow.utils.DebounceUtils
 import com.aiosman.ravenow.utils.NetworkUtils
 
@@ -256,6 +257,11 @@ fun EmptyAgentsView() {
                 color = AppColors.secondaryText,
                 fontWeight = FontWeight.W400
             )
+            Spacer(modifier = Modifier.height(16.dp))
+            ReloadButton(
+                onClick = {
+                }
+            )
         }
     }
 }

app/src/main/java/com/aiosman/ravenow/ui/index/tabs/search/SearchScreen.kt

@@ -5,6 +5,7 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.WindowInsets
@@ -28,6 +29,8 @@ import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
 import androidx.compose.material.Icon
 import androidx.compose.material.Tab
 import androidx.compose.material.TabRow
@@ -44,6 +47,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.focus.FocusRequester
 import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.SolidColor
 import androidx.compose.ui.platform.LocalContext
@@ -53,6 +57,7 @@ import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
@@ -361,6 +366,11 @@ fun MomentResultTab() {
                         fontSize = 14.sp,
                         fontWeight = FontWeight.W400
                     )
+                    Spacer(modifier = Modifier.size(16.dp))
+                    ReloadButton(
+                        onClick = {
+                        }
+                    )
                 }
             }
         } else {
@@ -448,6 +458,11 @@ fun UserResultTab() {
                         fontSize = 14.sp,
                         fontWeight = FontWeight.W400
                     )
+                    Spacer(modifier = Modifier.size(16.dp))
+                    ReloadButton(
+                        onClick = {
+                        }
+                    )
                 }
             }
         } else {
@@ -546,3 +561,42 @@ fun UserItem(
         }
     }
 }
+@Composable
+fun ReloadButton(
+    onClick: () -> Unit
+) {
+    val gradientBrush = Brush.linearGradient(
+        colors = listOf(
+            Color(0xFF7c45ed),
+            Color(0xFF7c68ef),
+            Color(0xFF7bd8f8)
+        )
+    )
+
+    Button(
+        onClick = onClick,
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(horizontal = 120.dp)
+            .height(48.dp),
+        shape = RoundedCornerShape(30.dp),
+        colors = ButtonDefaults.buttonColors(
+            backgroundColor = Color.Transparent
+        ),
+        contentPadding = PaddingValues(0.dp)
+    ) {
+        Box(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(gradientBrush),
+            contentAlignment = Alignment.Center
+        ) {
+            Text(
+                text =  stringResource(R.string.Reload),
+                fontSize = 16.sp,
+                fontWeight = FontWeight.Bold,
+                color = Color.White,
+            )
+        }
+    }
+}

app/src/main/java/com/aiosman/ravenow/ui/like/LikePage.kt

@@ -48,7 +48,7 @@ import com.aiosman.ravenow.ui.modifiers.noRippleClickable
 import com.aiosman.ravenow.ui.navigateToPost
 import java.util.Date
 import com.aiosman.ravenow.utils.NetworkUtils
-
+import com.aiosman.ravenow.ui.network.ReloadButton
 @Preview
 @Composable
 fun LikeNoticeScreen() {
@@ -115,6 +115,11 @@ fun LikeNoticeScreen() {
                             fontSize = 14.sp,
                             fontWeight = FontWeight.W400
                         )
+                        Spacer(modifier = Modifier.height(16.dp))
+                        ReloadButton(
+                            onClick = {
+                            }
+                        )
                     }
                 }
             } else if (likes.itemCount == 0) {

app/src/main/java/com/aiosman/ravenow/ui/network/Reload.kt

@@ -0,0 +1,64 @@
+package com.aiosman.ravenow.ui.network
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.aiosman.ravenow.R
+@Composable
+fun ReloadButton(
+    onClick: () -> Unit
+) {
+    val gradientBrush = Brush.linearGradient(
+        colors = listOf(
+            Color(0xFF7c45ed),
+            Color(0xFF7c68ef),
+            Color(0xFF7bd8f8)
+        )
+    )
+
+    Button(
+        onClick = onClick,
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(horizontal = 120.dp)
+            .height(48.dp),
+        shape = RoundedCornerShape(30.dp),
+        colors = ButtonDefaults.buttonColors(
+            backgroundColor = Color.Transparent
+        ),
+        contentPadding = PaddingValues(0.dp)
+    ) {
+        Box(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(gradientBrush),
+            contentAlignment = Alignment.Center
+        ) {
+            Text(
+                text = stringResource(R.string.Reload),
+                fontSize = 16.sp,
+                fontWeight = FontWeight.Bold,
+                color = Color.White,
+                textAlign = TextAlign.Center
+            )
+        }
+    }
+}

app/src/main/res/values-ja/strings.xml

@@ -25,5 +25,5 @@
     <!-- no network -->
     <string name="friend_chat_no_network_title">オフラインだ..</string>
     <string name="friend_chat_no_network_subtitle">ネットワークを確認して、この宇宙に接続してください</string>
-
+    <string name="Reload">再ロード</string>
 </resources>

app/src/main/res/values-zh/strings.xml

@@ -217,5 +217,6 @@
     <!-- no network -->
     <string name="friend_chat_no_network_title">掉线啦...</string>
     <string name="friend_chat_no_network_subtitle">确认一下网络，连接这个宇宙</string>
+    <string name="Reload">重新加载</string>
 
 </resources>

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

@@ -213,5 +213,5 @@
     <!-- no network -->
     <string name="friend_chat_no_network_title">Offline...</string>
     <string name="friend_chat_no_network_subtitle">Check your network to connect to this universe</string>
-
+    <string name="Reload">Reload</string>
 </resources>