如何在Kivy中制作渐变背景

问题描述

我正在尝试在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()

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

---

解决方案

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

为了产生渐变效果，我在背景中添加了与应用程序窗口宽度一样多的垂直线，在本例中为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方法创建径向渐变效果。

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