具有圆角和阴影Kivy的图像

Image with rounded corners and shadow Kivy(具有圆角和阴影Kivy的图像)

本文介绍了具有圆角和阴影Kivy的图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我怎么能对Kivy做这样的事情呢?

推荐答案

使用按钮的background_normal、background_down和border来实现此目的。让我们将您提供的两张图片命名为Norm.pngdown.png。请参考下面的示例了解详细信息。

代码段

Button:
    background_normal: 'normal.png'
    background_down: 'down.png'
    border: 30,30,30,30

示例

main.py

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: 'normal.png'
        background_down: 'down.png'
        border: 30,30,30,30
    Button:
        text: '[color=ff3333][b]Rounded Button 2[/b][/color]'
        markup: True
        background_normal: 'normal.png'
        background_down: 'down.png'
        border: 30,30,30,30
""")


class RoundedButtons(BoxLayout):
    pass


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


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

输出

这篇关于具有圆角和阴影Kivy的图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:具有圆角和阴影Kivy的图像