本篇開始:
- 我的開發環境是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內容。
本篇結束:
在自學路上遇到困難是很正常的事,只要堅持到底,相信就會有所成果,期勉大家一同努力。