python - 如何在 kivy 中创建一个能够更改笔触颜色和笔触宽度的圆形输入文本字段？

Question

我试图在 kivy 中创建这个。它没有按计划出现。

这是我到目前为止的代码：

               MDTextFieldRound:
                    id: category_search
                    icon_right: 'magnify'
                    icon_right_color: 1,1,1,1
                    size_hint_x: .9
                    hint_text: 'search category'
                    helper_text: "This will disappear when you click off"
                    helper_text_mode: "on_focus"
                    pos_hint: {'center_x': .5, 'center_y': 1}
                    max_text_length: 20
                    color_mode: 'accent'
                    normal_color: 0, 0, 0, 1
                    line_color_focus: 1, 1, 1, 1
                    line_color_normal: 1, 1, 1, 1
                    color_active: 0, 0, 0, 1
                    helper_text: 'search members in specific category'

                    canvas.before:
                        Color:
                            rgba: 1, 1, 1, 1
                    canvas.after:
                        Color:
                            rgba: 0, 0, 0, 1
                        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: 0, 0, 0, 1
                        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

我在尝试这个时得到这个结果：

忽略红色边框，这只是它所在的背景。

我如何获得一个干净的圆形边框，例如大约 2px 宽的第一个图像，并且放大图标保持相同颜色的白色，无论我是否点击在其中输入？