Kivy: How to change 'Spinner' button colour and size?

末鹿安然 提交于 2021-01-29 11:42:32

问题


I'm looking for a way to specify button colour and button size in Spinner widget.

I want to specify about not main(shown) button but drop-down-list button. It seems that Spinner widget probably only has API to specify about main(shown) button.

How can I change colour and size of my spinner?

import kivy
from kivy.app import App
from kivy.uix.screenmanager import ScreenManager, Screen
from kivy.uix.spinner import Spinner

class SpinnerWidget(Spinner):
    def __init__(self, **kwargs):
        super(SpinnerWidget, self).__init__(**kwargs)
        self.pos_hint = {'top':0.8, 'x':0.2}
        self.size_hint_x = 0.5
        self.size_hint_y = 0.1

        # default value shown
        self.text = 'Home'

        # main button color = white
        self.background_color = [255,255,255,1]

        # font size
        self.font_size = "12sp"

        # font_color
        self.color = [0,0,0,1]

        # available values
        self.values=('Home', 'Work', 'Other', 'Custom')

        # Is it possible to change color of drop-down button here? 
        # ~~~

    def show_selected_value(spinner, text):
        print('The spinner', spinner, 'has text', text)

class TestScreen(Screen):
    def __init__(self, **kwargs):
        super(TestScreen, self).__init__(**kwargs)
        spi = SpinnerWidget()
        self.add_widget(spi)

sm = ScreenManager()

class DemoApp(App):
    def build(self):
        sm.add_widget(TestScreen(name='test'))
        return sm

if __name__ == '__main__':
    DemoApp().run()

回答1:


To change the size and colour of Button in Spinner, implement dropdown_cls and option_cls.

Change Button's width - dropdown_cls

  • Set auto_width to False (Default is True)
  • Provide your own width

Change Button's colour & height - option_cls

  • Set background_normal = ''
  • Provide your own colour to background_color
  • Provide your own height

Snippets - py file

from kivy.uix.spinner import Spinner, SpinnerOption
from kivy.uix.dropdown import DropDown


class SpinnerOptions(SpinnerOption):

    def __init__(self, **kwargs):
        super(SpinnerOptions, self).__init__(**kwargs)
        self.background_normal = ''
        self.background_color = [0, 0, 1, 1]    # blue colour
        self.height = 26


class SpinnerDropdown(DropDown):

    def __init__(self, **kwargs):
        super(SpinnerDropdown, self).__init__(**kwargs)
        self.auto_width = False
        self.width = 150


class SpinnerWidget(Spinner):
    def __init__(self, **kwargs):
        super(SpinnerWidget, self).__init__(**kwargs)
        self.dropdown_cls = SpinnerDropdown
        self.option_cls = SpinnerOptions
        ...

Output



来源:https://stackoverflow.com/questions/56444763/kivy-how-to-change-spinner-button-colour-and-size

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!