在Kivy中四舍五入交替的边缘

huangapple go评论76阅读模式
英文:

Rounding alternate edges in Kivy

问题

我看到其他解决方案中他们使用了上下的图像。
我觉得这对于制作交替的圆角非常复杂。

就像下面这个例子一样:

在Kivy中四舍五入交替的边缘

英文:

I did saw other solutions where they use up and down images.
Which I found very complex for making alternate rounded edges.

Like this one below:

在Kivy中四舍五入交替的边缘

答案1

得分: 2

我定义了一个名为SmoothButton的按钮,我在所有我的组件中都使用它:

<SmoothButton@Button>:
    background_color: (0, 0, 0, 0)
    background_normal: ''
    back_color: (0.565, 0.557, 0.698, 0.8)
    border_radius: [0, 35, 0, 35]
    font_name: 'Comic'
    canvas.before:
        Color:
            rgba: self.back_color
        RoundedRectangle:
            size: self.size
            pos: self.pos
            radius: self.border_radius

请注意这里唯一的注意事项是:

border_radius: [0, 35, 0, 35]
英文:

I defined a smoothbutton which I used as Button in all my components:

&lt;SmoothButton@Button&gt;:
    background_color:(0,0,0,0)
    background_normal:&#39;&#39;
    back_color: (0.565, 0.557, 0.698,0.8)
    border_radius:[0,35,0,35]
    font_name:&#39;Comic&#39;
    canvas.before:
        Color:
            rgba:self.back_color
        RoundedRectangle:
            size:self.size
            pos:self.pos
            radius:self.border_radius 

Note the only catch here is :

border_radius:[0,35,0,35]

huangapple
  • 本文由 发表于 2020年1月3日 20:21:25
  • 转载请务必保留本文链接:https://go.coder-hub.com/59578565.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定