首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

安卓Compose -带有类似GradientDrawable的角度的自定义linearGradient

在Android Jetpack Compose中,您可以使用Modifier.backgroundBrush.linearGradient来实现带有角度的线性渐变效果,类似于GradientDrawable

代码语言:javascript
复制
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Brush
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MaterialTheme {
                Surface(color = Color.White) {
                    GradientBox()
                }
            }
        }
    }
}

@Composable
fun GradientBox() {
    Box(
        modifier = Modifier
            .size(200.dp)
            .background(Brush.linearGradient(
                colors = listOf(Color.Blue, Color.Green),
                start = Offset(0f, 0f),
                end = Offset(200f, 200f)
            ))
    )
}

在这个示例中,我们创建了一个Box,并为其应用了线性渐变背景。渐变的起始颜色为蓝色,结束颜色为绿色。渐变的方向是从左上角到右下角。

您可以通过更改colorsstartend参数来自定义渐变效果。例如,要更改渐变的角度,您可以调整startend参数的值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券