This commit is contained in:
Eric85710 2026-06-03 16:13:55 +08:00
parent e8119560b2
commit 18243f8582

View file

@ -1,5 +1,7 @@
package com.example.login_v3.home.Message.UI.Detail.Message_Messaging_detail package com.example.login_v3.home.Message.UI.Detail.Message_Messaging_detail
import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.clickable import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Box
@ -25,6 +27,7 @@ import androidx.compose.material3.Text
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.blur
import androidx.compose.ui.draw.clip import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.ImageVector
@ -50,13 +53,28 @@ fun MessageActionMenuRow(
.navigationBarsPadding() // 自動適應 Android 系統導覽列(手勢列)高度 .navigationBarsPadding() // 自動適應 Android 系統導覽列(手勢列)高度
.padding(horizontal = 16.dp, vertical = 8.dp) .padding(horizontal = 16.dp, vertical = 8.dp)
) { ) {
Surface(
modifier = Modifier.fillMaxWidth(),
shape = RoundedCornerShape(16.dp), // 保持懸浮圓角感 //glass effect
color = Color.White, Box(
tonalElevation = 6.dp, modifier = Modifier
shadowElevation = 6.dp .matchParentSize()
) { .blur(10.dp)
)
Box(
modifier = Modifier
.matchParentSize()
.background(
color = MaterialTheme.colorScheme.primary,
RoundedCornerShape(16.dp)
)
.border(
1.dp,
Color.White.copy(alpha = 0.3f),
RoundedCornerShape(16.dp)
)
)
Row( Row(
modifier = Modifier modifier = Modifier
.fillMaxWidth() .fillMaxWidth()
@ -113,7 +131,6 @@ fun MessageActionMenuRow(
} }
} }
} }
}
// 💡 記得一併附上這個按鈕元件,它也是放在同一個檔案底部 // 💡 記得一併附上這個按鈕元件,它也是放在同一個檔案底部
@Composable @Composable
@ -138,7 +155,7 @@ fun ChatMenuButton(
imageVector = imageVector, imageVector = imageVector,
contentDescription = label, contentDescription = label,
tint = contentColor, tint = contentColor,
modifier = Modifier.size(24.dp) modifier = Modifier.size(32.dp)
) )
Spacer(modifier = Modifier.height(2.dp)) Spacer(modifier = Modifier.height(2.dp))
Text( Text(