Kivy UIX篇 widget篇 Slider類 attribute篇 講解

簡述

根據官方解釋:

The Slider widget looks like a scrollbar. It supports horizontal and vertical orientations, min/max values and a default value.

意思是Slider看起來像一個滾動條。 它支持水平和垂直方向、最小/最大值和預設值。

示意圖如下:

基本範例

首先在main.py中寫上起手式:

from kivy.app import App
from kivy.uix.gridlayout import GridLayout


#先讓MyLayout繼承GridLayout
class MyLayout(GridLayout):
    pass


class Myapp(App):

    def build(self):
        return MyLayout()


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

在以上程式碼中，我讓MyLayout類繼承GridLayout類，使得在my.kv中的<MyLayout>:可以繼承GridLayout類的特性。

在my.kv中寫上此段程式碼:

<MyLayout>:

    rows: 2

    Slider:
        min: 0 #Slider的最大值
        max: 100 #Slider的最小值
        value: 25 #Slider預設的值

執行結果如下:

Slider使用技巧:

1.改變Slider的方向

程式碼如下:

<MyLayout>:

    rows: 2

    Slider:
        min: 0 
        max: 100 
        value: 25 
        orientation: 'vertical' #可根據需求調整為'vertical'或'horizontal'

執行結果如下:

2.改變游標圖案

程式碼如下:

<MyLayout>:

    rows: 2

    Slider:
        min: 0
        max: 100
        value: 25
        cursor_image: 'dog.jpg' #此為目前工作目錄路徑下的圖片

執行結果如下:

3.改變游標大小

程式碼如下:

<MyLayout>:

    rows: 2

    Slider:
        min: 0
        max: 100
        value: 25
        cursor_size: 300,100 #設定游標大小

執行結果如下:

4.更改value_track的顏色與寬度(不知道什麼是value_track的執行一下程式碼就知道了，我不太確定value_track怎麼翻譯)

程式碼如下:

<MyLayout>:

    rows: 2

    Slider:
        min: 0
        max: 100
        value: 25

        value_track: True #若要更改value_track的樣式，必須加上此行程式碼
        value_track_color: [1, 0, 0, 1] #更改value_track的顏色
        value_track_width: 50 #更改value_track的寬度

執行結果如下: