如何在Kivy中制作渐变背景

Question

我正在尝试在 Kivy 中创建一个具有渐变背景和标签的应用程序。我用谷歌搜索并找到了渐变背景，但它只是小部件，当我尝试将标签放在那里时它不起作用。代码：

from kivy.app import App, runTouchApp
from kivy.lang import Builder
from kivy.uix.widget import Widget
from kivy.graphics import Rectangle
from kivy.graphics.texture import Texture
from kivy.app import App
from kivy.uix.label import Label


class MyWidget(Widget):
    def __init__(self, **args):
        super(MyWidget, self).__init__(**args)
        self.texture = Texture.create(size=(2, 2), colorfmt='rgba')
        p1_color = [173, 0, 255, 255]
        p2_color = [253, 0, 243, 255]
        p3_color = [173, 0, 255, 255]
        p4_color = [253, 0, 243, 255]
        p = p1_color + p2_color + p3_color + p4_color
        buf = bytes(p)
        self.texture.blit_buffer(buf, colorfmt='rgba', bufferfmt='ubyte')
        with self.canvas:
            self.rect = Rectangle(pos=self.pos, size=self.size, texture=self.texture)

        self.bind(size=self.update_rect)
        self.bind(pos=self.update_rect)

    def update_rect(self, *args):
        self.rect.size = self.size
        self.rect.pos = self.pos


runTouchApp(Builder.load_string('''
MyWidget:
'''))

根据这段代码，我尝试创建一个渐变背景的应用程序，但它是黑色的(

from kivy.app import App, runTouchApp
from kivy.lang import Builder
from kivy.uix.widget import Widget
from kivy.graphics import Rectangle
from kivy.graphics.texture import Texture
from kivy.app import App
from kivy.uix.label import Label

class TestApp(App):
    def build(self):
        self.texture = Texture.create(size=(2, 2), colorfmt='rgba')
        p1_color = [173, 0, 255, 255]
        p2_color = [253, 0, 243, 255]
        p3_color = [173, 0, 255, 255]
        p4_color = [253, 0, 243, 255]
        p = p1_color + p2_color + p3_color + p4_color
        buf = bytes(p)
        self.texture.blit_buffer(buf, colorfmt='rgba', bufferfmt='ubyte')

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

在后台我需要创建一个标签，但我不知道为什么我不能(
请帮忙）

Answer 1

解决此问题的一种方法是在背景布局的 canvas 中使用 Color 和 Line。

为了制作渐变效果，我在背景中添加了与应用程序 window 宽度一样多的垂直线，在我的例子中是一个 BoxLayout。在每次迭代中，alpha_channel_rate的变量都增加了。这样就产生了渐变效果。

from kivy.app import App
from kivy.core.window import Window
from kivy.graphics import Line, Color
from kivy.uix.boxlayout import BoxLayout


class Background(BoxLayout):
    def __init__(self):
        super(Background, self).__init__()
        self.width = Window.size[0]
        self.height = Window.size[1]
        self.add_gradient()

    def add_gradient(self):
        alpha_channel_rate = 0
        increase_rate = 1 / self.width

        for sep in range(self.width):
            self.canvas.add(Color(rgba=(0, 1, 0, alpha_channel_rate)))
            self.canvas.add(Line(points=[sep, 0, sep, self.height], width=1))
            alpha_channel_rate += increase_rate


class GradientApp(App):
    def build(self):
        background = Background()
        return background


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

程序的输出是这样的：

也许您可以使用此方法创建您想要的其他一些功能。例如，也可以使用 kivy.graphics.

的 Circle 方法创建径向渐变效果

另一方面，线条和颜色对象可以像您在程序中那样使用绑定方法动态变化，并且还可以使用 canvas 指令创建一些渐变组，以便编辑一些 canvas 以后的对象。

Answer 2

查看此存储库 https://github.com/kengoon/KivyGradient 或者您可以通过以下方式快速安装它 pip install kivygradient

如何在Kivy中制作渐变背景

How to make gradient background in Kivy

python

gradient

background

kivy