为什么没有出现kivy按钮阴影？答案

【问题标题】：why is kivy button shadow not appearing?为什么没有出现kivy按钮阴影？
【发布时间】：2021-12-05 00:28:28
【问题描述】：

我一直在尝试这个：Image with rounded corners and shadow Kivy 无论如何我已经在 GIMP 或 GNU Image Manipulation Program 中制作了阴影，该图像被称为 1.png

1.png 我试图让阴影出现我已经尝试了上面的链接代码：

import kivy
kivy.require('1.10.0')

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang import Builder

Builder.load_string("""
<RoundedButtons>:
    orientation: 'vertical'
    Button:
        text: '[color=3333ff][b]Rounded Button 1[/b][/color]'
        markup: True
        background_normal: '1.png'
        background_down: '1.png'
        border: 30,30,30,30
    Button:
        text: '[color=ff3333][b]Rounded Button 2[/b][/color]'
        markup: True
        background_down: '1.png'
        background_normal: '1.png'
        border: 30,30,30,30
""")


class RoundedButtons(BoxLayout):
    pass


class TestApp(App):
    def build(self):
        return RoundedButtons()


if __name__ == "__main__":
    TestApp().run()

这是输出

输出

我并没有真正得到我想要的输出，我很困惑，因为当我在计算机上查看图像时，它在背景中显示出一种模式 - 我知道图像有一个已删除/不可见的背景 - 这是它的样子： 查看过的图片

我在 Chromebook 上运行它。

【问题讨论】：

标签： kivy

【解决方案1】：

您的投影就在那里，只是在深色背景下很难看到。尝试将您的 kv 更改为：

<RoundedButtons>:
    orientation: 'vertical'
    canvas.before:
        Color:
            rgba: 1, 1, 1, 1
        Rectangle:
            pos: self.pos
            size: self.size
    Button:
        text: '[color=3333ff][b]Rounded Button 1[/b][/color]'
        markup: True
        background_normal: '1.png'
        background_down: '1.png'
        border: 30,30,30,30
    Button:
        text: '[color=ff3333][b]Rounded Button 2[/b][/color]'
        markup: True
        background_down: '1.png'
        background_normal: '1.png'
        border: 30,30,30,30

为RoundedButtons 添加白色背景使阴影更加明显。

【讨论】：