Kivy:TextInput边框半径 [英] Kivy: TextInput border radius
本文介绍了Kivy:TextInput边框半径的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想知道python&Kivy,用于自定义TextInput小部件,例如在HTML/CSS中.有什么方法可以直接在我的 CustomTextInput(TextInput)
类中做到这一点?
I would like to know if it was possible in python & Kivy, to customize TextInput widgets like in HTML/CSS. Is there any way to do that directly into my CustomTextInput(TextInput)
class ?
我希望我的TextInput看起来像这样:
I want my TextInput looks like this:
推荐答案
您当然可以,但是在kivy中则有些复杂:
Of course you can, but it's a bit more complicated in kivy:
test.kv :
#:import C kivy.utils.get_color_from_hex
<MyTextInput@TextInput>:
font_size: '14dp'
background_color: 0,0,0,0
cursor_color: C('#ffffff')
canvas.before:
Color:
rgba: C('#ffffff')
canvas.after:
Color:
rgb: C('#0f192e')
Ellipse:
angle_start:180
angle_end:360
pos:(self.pos[0] - self.size[1]/2.0, self.pos[1])
size: (self.size[1], self.size[1])
Ellipse:
angle_start:360
angle_end:540
pos: (self.size[0] + self.pos[0] - self.size[1]/2.0, self.pos[1])
size: (self.size[1], self.size[1])
Color:
rgba: C('#3f92db')
Line:
points: self.pos[0] , self.pos[1], self.pos[0] + self.size[0], self.pos[1]
Line:
points: self.pos[0], self.pos[1] + self.size[1], self.pos[0] + self.size[0], self.pos[1] + self.size[1]
Line:
ellipse: self.pos[0] - self.size[1]/2.0, self.pos[1], self.size[1], self.size[1], 180, 360
Line:
ellipse: self.size[0] + self.pos[0] - self.size[1]/2.0, self.pos[1], self.size[1], self.size[1], 360, 540
BoxLayout:
orientation:'vertical'
BoxLayout:
size_hint_y: 20
canvas.before:
Color:
rgba: C('#3f92db')
Rectangle:
pos:self.pos
size:self.size
BoxLayout:
orientation: 'vertical'
size_hint_y: 80
canvas:
Color:
rgba: C('#18294a')
Rectangle:
pos:self.pos
size:self.size
BoxLayout:
size_hint_y: 10
BoxLayout:
size_hint_y: 20
orientation:'vertical'
Label:
size_hint_y: 8
text: 'Password'
color: C('#ffffff')
font_size:'20dp'
padding: 5,5
text_size: self.size
halign: 'center'
valign: 'center'
BoxLayout:
size_hint_y: 8
BoxLayout:
size_hint_x: 25
BoxLayout:
size_hint_x: 50
canvas.before:
Color:
rgba: C('#0f192e')
Rectangle:
pos: self.pos
size: self.size
MyTextInput:
BoxLayout:
size_hint_x: 25
BoxLayout:
size_hint_y: 10
BoxLayout:
size_hint_y: 20
orientation:'vertical'
Label:
size_hint_y: 8
text: 'Confirm'
color: C('#ffffff')
font_size:'20dp'
padding: 5,5
text_size: self.size
halign: 'center'
valign: 'center'
BoxLayout:
size_hint_y: 8
BoxLayout:
size_hint_x: 25
BoxLayout:
size_hint_x: 50
canvas.before:
Color:
rgba: C('#0f192e')
Rectangle:
pos: self.pos
size: self.size
MyTextInput:
BoxLayout:
size_hint_x: 25
BoxLayout:
size_hint_y: 40
python文件:
from kivy.app import App
class TestApp(App):
pass
if __name__ == '__main__':
TestApp().run()
输出:
这篇关于Kivy:TextInput边框半径的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文