iT邦幫忙

DAY 20
1

與Python共舞系列 第 20

Python的學習之旅-建立Custom Bitmap Buttons

  • 分享至 

  • xImage
  •  

今天要練習的是自訂圖片按鈕
在視窗程式或是網頁程式中,有時候需要利用圖片是按鈕來引導使用者點選或是操作
因此今天的範例就是教我們如何將圖片賦予按鈕的功能
首先看看今天的範例教學吧!
http://www.youtube.com/watch?v=Y7f0a7xbWHI&feature=channel
看完之後就開始我們的練習吧!
首先一樣是開啟basic.py檔案
然後新增底下這幾行指令吧!

pic=wx.Image("ithelp.bmp", wx.BITMAP_TYPE_BMP).ConvertToBitmap()
        self.button=wx.BitmapButton(panel, -1, pic, pos=(20,20))
        self.Bind(wx.EVT_BUTTON, self.doMe, self.button)
        self.button.SetDefault()

    def doMe(self,event):
        self.Destroy()

第一行是將IT邦幫忙的LOGO設定成為我們範例的按鈕圖片並將它轉換成為Bitmap
第二行是將pic的值指定給button變數並設定顯示位在畫面的x軸=20,y軸=20的位置
第三行是將這個按鈕給予一個事件,該事件會去觸發doMe這個function,doMe的功能是關閉視窗
第四行是設定該按鈕為初始值
第五行和第六行就是doMe function的內容,主要是執行關閉視窗
接下來就存檔並執行吧!
如果成功了!我們就可以看到如下的畫面:

按一下圖片,視窗將會自動關閉

完整的程式碼如下:

# -*- coding: cp950 -*-
import wx
class bucky(wx.Frame):
    def __init__(self,parent,id):
        wx.Frame.__init__(self,parent,id,'Frame jackaitw window',size=(300,200))
        panel=wx.Panel(self)

        pic=wx.Image("ithelp.bmp", wx.BITMAP_TYPE_BMP).ConvertToBitmap()
        self.button=wx.BitmapButton(panel, -1, pic, pos=(20,20))
        self.Bind(wx.EVT_BUTTON, self.doMe, self.button)
        self.button.SetDefault()

    def doMe(self,event):
        self.Destroy()
      
if __name__ =='__main__':
    app=wx.PySimpleApp()
    frame=bucky(parent=None,id=-1)
    frame.Show()
    app.MainLoop() 

練習看看吧!練習的最好方式,程式碼永遠都自行輸入,不要用複製的
這樣我們才會熟悉指令的用法,活化腦細胞!以後不用擔心會老年痴呆!還可以幫政府省下一大筆健保費!

範例成功!
經驗值+9
恭喜您!等級升級一級!目前是等級20


上一篇
Python的學習之旅-建立Simple Text Program
下一篇
Python的學習之旅-建立Sliders
系列文
與Python共舞30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
SunAllen
iT邦研究生 1 級 ‧ 2010-10-17 13:27:30

沙發
最近有一種 看到 iT幫 會怕的fu毆飛

jackaitw iT邦研究生 1 級 ‧ 2010-10-18 10:55:16 檢舉

WHY?疑惑

我要留言

立即登入留言