如何在Kivy框架中为Button按钮添加阴影效果

不用额外制作或下载阴影背景图，直接通过Kivy自带的Canvas绘制即可实现，以下是可直接复用的实现方法：

基础圆角带阴影按钮实现 #

通过在Canvas中先绘制偏移的半透明阴影层，再绘制按钮本体的方式实现，kv语言写法如下：

<ShadowButton@Button>:
    # 自定义阴影参数
    shadow_offset: (2, 2)  # 阴影x、y方向偏移量
    shadow_radius: root.radius if hasattr(root, 'radius') else [10,]
    shadow_color: (0, 0, 0, 0.3)  # 阴影颜色+透明度
    size_hint: None, None
    size: 200, 60
    background_color: (0,0,0,0)  # 隐藏默认按钮背景
    canvas.before:
        # 绘制阴影层
        Color:
            rgba: root.shadow_color
        RoundedRectangle:
            pos: (root.x - root.shadow_offset[0], root.y - root.shadow_offset[1])
            size: root.size
            radius: root.shadow_radius
        # 绘制按钮本体背景
        Color:
            rgba: (0.2, 0.6, 0.9, 1)  # 按钮本体颜色
        RoundedRectangle:
            pos: root.pos
            size: root.size
            radius: [10,]
    # 按钮文字样式
    color: (1,1,1,1)
    font_size: 18

如果用Python代码直接写，逻辑和上述kv写法一致，操作canvas.before层添加对应图形元素即可。

进阶优化提示 #

• 要实现按压下沉效果，可绑定on_press事件将shadow_offset临时改为(1,1)，on_release时改回原值，模拟真实按压质感
• 阴影颜色透明度、偏移量、圆角大小都可以根据需求自行调整，不需要修改核心逻辑
• 如果需要更柔和的模糊阴影效果，可以自定义Fragment Shader给阴影层添加高斯模糊效果，适合对视觉精度要求高的场景

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