09【python kivy app 開發】Button加入(on_release)觸發功能，你學會了嗎?

本篇開始:

• 我的開發環境是win11
• python是3.10.7版本
• kivy我設定在2.1.0版本
• 編碼的工具是Visual Studio Code(VS Code)

以我實際開發的APP為例，

我想做的是可以訓練基本加(減)法的心算工具。

命名app叫 「CountInMind」。

前言:

繼續製作app首頁，編寫countinmind.kv，在<Firstscreen>底下使用FloatLayout版面。

1.接續上一篇08內容，在此先說明，預設的 Button點擊後會變成藍色，而且沒有任何觸發功能

2.設置 Button物件的release觸發功能:我這邊介紹的是游標點擊 Button後放開，畫面會從原先首頁進入到第2頁

以下程式碼(.kv):

on_release: root.manager.current = 'second'

▲說明:將 screen畫面切換到第2頁

3.新增screen類別，第2頁取名叫 Secondscreen，並繼承類別 Screen

以下程式碼(.py):

class Secondscreen(Screen):
    pass

4.在.kv，新增<Secondscreen>底下使用FloatLayout版面

以下程式碼(.kv):

<Secondscreen>:
    name: 'second'
    FloatLayout:
        canvas:          
            Color: 
                rgb: (117/255, 220/255, 141/255)
            Rectangle:
                size: self.size
                pos: self.pos
        Label:
            text:'這是第2頁'
            font_name: './font/TW-Kai-98_1.ttf'
            bold: True
            font_size: 23
            color: (30/255, 30/255, 30/255)
            pos_hint: {'center_x':0.5, 'center_y':0.9}

▲說明:加入name屬性為'second'，並參考首頁加入canvas及Label

5.在.kv，<SM>:新增 Secondscreen

以下程式碼(.kv):

<SM>:
    transition:

    Firstscreen:

    Secondscreen:

▲說明:SM才能使用預設的"向左"轉換畫面，轉換方式後面文章再來介紹。

6.本篇小結

加入 Button觸發(release)功能。

本篇所使用程式碼(.py):請參考01、02內容。

其他程式碼(.kv):請參考06~08內容。

本篇結束:

在自學路上遇到困難是很正常的事，只要堅持到底，相信就會有所成果，期勉大家一同努力。