Android Compose 渐变色Text

kotlin 复制代码
fun px2dp(scale: Float, px: Int): Int {
//    val scale = resources.displayMetrics.density
    return (px / scale + 0.5f).toInt()
}

@Composable
fun GradientText(
    text: String,
    textSize: Int = 24,
    gradientShader: (Rect) -> Shader = {
        LinearGradientShader(
            from = Offset(0f, 0f),
            to = Offset((it.right - it.left).toFloat(), 0f),
            colors = listOf(Color.White, Color.Blue, Color.Red, Color.Gray, Color.Yellow)
        )
    }
) {
    val density = LocalDensity.current.density
    var width by remember { mutableStateOf(0.dp) }
    var height by remember { mutableStateOf(0.dp) }

    Canvas(
        modifier = Modifier
            .padding(height / 5)
            .width(width)
            .height(height)
    ) {
        drawIntoCanvas { canvas ->
            val paint = Paint().asFrameworkPaint().apply {
                this.isAntiAlias = true
                this.style = android.graphics.Paint.Style.FILL
//                this.shader = gradientShader
                this.textSize = textSize * density
            }
            val rect = Rect()
            paint.getTextBounds(text, 0, text.length, rect)

            width = px2dp(density, rect.right - rect.left).dp
            height = px2dp(density, rect.bottom - rect.top).dp

            paint.shader = gradientShader.invoke(rect)

            val fontMetrics = paint.fontMetrics
            val distance = (fontMetrics.bottom - fontMetrics.top) / 2 - fontMetrics.bottom
            canvas.nativeCanvas.drawText(
                text,
                0f,
                size.height / 2 + distance,
                paint
            )
        }
    }
}

@Preview
@Composable
fun Pppp() {
    GradientText(text = "Chinese Great jjj", textSize = 24)
相关推荐
哲科软件7 分钟前
跨平台开发的抉择:Flutter vs 原生安卓(Kotlin)的优劣对比与选型建议
android·flutter·kotlin
jyan_敬言6 小时前
【C++】string类(二)相关接口介绍及其使用
android·开发语言·c++·青少年编程·visual studio
程序员老刘7 小时前
Android 16开发者全解读
android·flutter·客户端
福柯柯7 小时前
Android ContentProvider的使用
android·contenprovider
不想迷路的小男孩7 小时前
Android Studio 中Palette跟Component Tree面板消失怎么恢复正常
android·ide·android studio
餐桌上的王子7 小时前
Android 构建可管理生命周期的应用(一)
android
菠萝加点糖8 小时前
Android Camera2 + OpenGL离屏渲染示例
android·opengl·camera
用户2018792831678 小时前
🌟 童话:四大Context徽章诞生记
android
yzpyzp8 小时前
Android studio在点击运行按钮时执行过程中输出的compileDebugKotlin 这个任务是由gradle执行的吗
android·gradle·android studio
aningxiaoxixi8 小时前
安卓之service
android