如何使用Kotlin实现按钮背景渐变效果而不借助XML配置

实现思路 #

核心通过Android原生GradientDrawable类配置渐变参数，直接设置给按钮作为背景即可，全程不需要编写XML drawable文件。

具体实现步骤 #

• 构建GradientDrawable实例，指定渐变方向和渐变颜色数组
• 按需配置圆角、描边等额外样式参数
• 将配置完成的drawable赋值给按钮的background属性

完整代码示例 #

import android.graphics.GradientDrawable
import android.widget.Button
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

class GradientButtonDemoActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        
        // 获取目标按钮实例
        val demoButton = findViewById<Button>(R.id.demo_button)
        
        // 创建渐变背景
        val gradientBackground = GradientDrawable(
            // 渐变方向：左上到右下，如需其他方向可修改为对应的Orientation枚举值
            GradientDrawable.Orientation.TL_BR,
            // 渐变颜色组，可根据需求自行调整色值
            intArrayOf(
                0xFF5B86E5.toInt(), // 渐变起始色
                0xFF36D1DC.toInt()  // 渐变结束色
            )
        ).apply {
            // 设置圆角，单位为px，如需用dp单位可使用下方的dp转px工具方法转换
            cornerRadius = 40f
            // 可选配置：设置描边，第一个参数为描边宽度（px），第二个参数为描边颜色
            // setStroke(2, 0xFFE2E8F0.toInt())
        }
        
        // 给按钮设置背景
        demoButton.background = gradientBackground
    }

    // 工具方法：dp转px，适配不同屏幕密度
    private fun dpToPx(dp: Float): Float {
        return dp * resources.displayMetrics.density
    }
}

常用渐变方向说明 #

• GradientDrawable.Orientation.TOP_BOTTOM：从上到下渐变
• GradientDrawable.Orientation.LEFT_RIGHT：从左到右渐变
• GradientDrawable.Orientation.TL_BR：从左上到右下渐变
• GradientDrawable.Orientation.TR_BL：从右上到左下渐变

内容的提问来源于stack exchange，提问作者Black