Android studio按钮

import androidx.compose.foundation.Image

import androidx.compose.foundation.layout.*

import androidx.compose.foundation.shape.RoundedCornerShape

import androidx.compose.runtime.*

import androidx.compose.ui.Modifier

import androidx.compose.ui.graphics.Color

import androidx.compose.ui.res.painterResource

import androidx.compose.ui.unit.dp

import androidx.compose.ui.Alignment

import androidx.compose.ui.draw.clip

import androidx.compose.foundation.clickable

import androidx.compose.ui.layout.ContentScale

@Composable

fun ImageButtonsRow() {

    // 用于切换图片状态

    var isImage1Visible by remember { mutableStateOf(true) }

    var isImage2Visible by remember { mutableStateOf(true) }

    var isImage3Visible by remember { mutableStateOf(true) }

    Row(

        modifier = Modifier

            .fillMaxWidth()

            .padding(16.dp),

        horizontalArrangement = Arrangement.SpaceBetween,

        verticalAlignment = Alignment.CenterVertically

    ) {

        // 第一个按钮（图片按钮）

        Image(

            painter = painterResource(if (isImage1Visible) R.drawable.image1 else R.drawable.image2), // 替换图片资源

            contentDescription = "按钮1",

            modifier = Modifier

                .size(138.dp, 62.dp)

                .clip(RoundedCornerShape(8.dp)) // 可选：圆角效果

                .clickable { isImage1Visible = !isImage1Visible }, // 切换图片

            contentScale = ContentScale.Crop // 确保图片填满按钮区域

        )

        Spacer(modifier = Modifier.width(8.dp)) // 按钮间距

        // 第二个按钮（图片按钮）

        Image(

            painter = painterResource(if (isImage2Visible) R.drawable.image2 else R.drawable.image1), // 替换图片资源

            contentDescription = "按钮2",

            modifier = Modifier

                .size(138.dp, 62.dp)

                .clip(RoundedCornerShape(8.dp)) // 可选：圆角效果

                .clickable { isImage2Visible = !isImage2Visible }, // 切换图片

            contentScale = ContentScale.Crop // 确保图片填满按钮区域

        )

        Spacer(modifier = Modifier.width(8.dp)) // 按钮间距

        // 第三个按钮（图片按钮）

        Image(

            painter = painterResource(if (isImage3Visible) R.drawable.image1 else R.drawable.image2), // 替换图片资源

            contentDescription = "按钮3",

            modifier = Modifier

                .size(138.dp, 62.dp)

                .clip(RoundedCornerShape(8.dp)) // 可选：圆角效果

                .clickable { isImage3Visible = !isImage3Visible }, // 切换图片

            contentScale = ContentScale.Crop // 确保图片填满按钮区域

        )

    }

}