时间戳

首页 > 解决方案 > 如何在 kivy 中制作可扩展的渐变

python - 如何在 kivy 中制作可扩展的渐变

问题描述

我希望有一个渐变颜色作为我的应用程序的背景，我还希望它具有可扩展性和动画效果。我已经检查了有关如何执行此操作的其他链接，结果并不是很有趣。

一个stackoverflow问题建议用行填充整个程序并更改它们的属性，但这不是太臃肿而且如果他们调整程序大小怎么办？您要么必须调整所有行的大小，要么根据大小添加或删除它们。

我在 github 上只找到了一篇文章，它似乎可以工作，但我不明白，而且我不知道它是否是可动画的，有时在更新屏幕和调整大小之前会创建黑色空间。

我访问了 kivy 文档并根据文档制作了纹理，但渐变被切成了两半，并被一些荒谬的线条所取代。同样在调整大小时，纹理的质量下降。

这是 github 上相对工作梯度的链接：https ://gist.github.com/gottadiveintopython/d9a2935560469bd8a8d0a890180003c7

链接到stackoverflow上的低效方法，以防你想看看：

如何在 Kivy 中制作渐变背景

使用 kivy.graphics.texture.Texture 的代码：

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.lang import Builder
from kivy.graphics.texture import Texture
from kivy.properties import ObjectProperty
from kivy.core.window import Window


# Exact copy of the docs
texture = Texture.create(size=(64, 64))
size = 64 * 64 * 3
buf = [int(x * 255 / size) for x in range(size)]
buf = ''.join(map(chr, buf)).encode("utf-8")
texture.blit_buffer(buf, colorfmt='rgb', bufferfmt='ubyte')
Builder.load_string('''
<MyLayout>:
    BoxLayout:
        orientation: "vertical"
        size: root.width, root.height

        canvas.before:
            Color:
                rgba: 1, 1, 1, 1
            Rectangle:
                size: self.size
                pos: self.pos
                texture: root.texture_obj''')


class MyLayout(Widget):
    texture_obj = ObjectProperty(texture)


class Application(App):
    def build(self):
        return MyLayout()


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

代码结果： 奇怪的kivy梯度结果

作为旁注，我也不想使用图像，并且通过动画我的意思是在应用程序的开头我希望渐变从一侧开始并扩展到另一侧

标签： pythonpython-3.xkivygradient

解决方案

最新的文档说要使用：

buf = bytes(buf)

代替：

buf = ''.join(map(chr, buf)).encode("utf-8")

我相信这会解决你的问题。

如果要调整渐变的多少是黑色的，只需修改像素的计算即可。例如：

texture = Texture.create(size=(64, 64))
size = 64 * 64 * 3

def pixel(x, size, factor):
    p = max( 0, int(255 * (factor * x - (factor - 1) * size) / size))
    return p

buf = [pixel(x, size, 2) for x in range(size)]
buf = bytes(buf)
texture.blit_buffer(buf, colorfmt='rgb', bufferfmt='ubyte')

上面的代码使用一种pixel()方法来计算像素值。该factor参数指定有多少渐变不会是黑色。所以，factor设置为2（如上面的代码）只有渐变的上半部分不会是黑色的。类似地，值3仅导致前三分之一不是黑色。factor不得小于零。A factorof1产生原始渐变，a factorof0不产生渐变（全白）。

推荐阅读