Kivy 中文教程 實例入門 簡易畫板 (Simple Paint App)：1. 自定義窗口部件 (widget)

1. 框架代碼

用 PyCharm 新建一個名為 SimplePaintApp 的項目，然后新建一個名為 simple_paint_app.py 的 Python 源文件，

在代碼編輯器中，輸入以下框架代碼

from kivy.app import App
from kivy.uix.widget import Widget
 
 
class MyPaintWidget(Widget):
    pass
 
 
class MyPaintApp(App):
    def build(self):
        return MyPaintWidget()
 
 
if __name__ == '__main__':
    MyPaintApp().run()

運行上面的代碼，將顯示一個黑色背景的窗口

看起來很沒勁的樣子，不過你可不要小瞧這幾行代碼。這些就是簡易畫板的框架代碼，它就像是程序的骨架，后面咪博士將會帶領大家在這副骨架上添加各種新功能，逐步豐富和完善應用。

第 5 行 class MyPaintWidget(Widget): 從類 Widget 繼承，構造我們的自定義窗口部件 MyPaintWidget。畫板的主要邏輯將在 MyPaintWidget 這個類中實現。現在我們只寫了一個 pass (第 6 行)，相當於是占位符，先讓整段代碼跑起來，具體的功能，我們將在后面的教程中補充。

第 12 行 return MyPaintWidget() 在應用初始化時（調用 build  方法）創建並返回自定義窗口部件對象 MyPaintWidget

2. 添加交互

現在咱們的自定義窗口部件啥也干不了，接下來我們要嘗試讓它能夠響應用戶的動作。

代碼如下：

from kivy.app import App
from kivy.uix.widget import Widget
 
 
class MyPaintWidget(Widget):
    def on_touch_down(self, touch):
        print(touch)
 
 
class MyPaintApp(App):
    def build(self):
        return MyPaintWidget()
 
 
if __name__ == '__main__':
    MyPaintApp().run()

運行修改后的代碼，仍然顯示一個黑色的窗口，似乎沒什么變化。但是，當你用鼠標在窗口中點擊的時候，發現在 PyCharm 的控制台有輸出，而且隨着點擊位置的不同，輸出的數字也會變化。

當用戶在窗口上用鼠標點擊的時候，將觸發 MyPaintWidget 的 on_touch_down 方法（第 6 行）。on_touch_down 方法的 touch 參數，包含了鼠標點擊時的位置信息。這里，我們還沒實現什么有用的交互，只是把鼠標點擊的位置信息輸出到控制台，即第 7 行代碼 print(touch)

【思考】

• 用本節的應用做實驗，思考 kivy 采用的坐標系統是什么樣的？（原點在哪里？x 和 y 的方向如何？）

原文鏈接：http://www.ipaomi.com/2017/11/15/kivy-中文教程-實例入門-簡易畫板-simple-paint-app：1-自定義窗口部/