1. 程式人生 > 程式設計 >wxpython自定義下拉列表框過程圖解

wxpython自定義下拉列表框過程圖解

這篇文章主要介紹了wxpython自定義下拉列表框過程圖解,文中通過示例程式碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

自定義wxpython下拉列表框,支援修改邊框顏色,按鈕圖示的動態變換

原理同前兩片文章一樣,使用了兩個wx.staticText做邊框,一個文字框來顯示下拉列表的資料,和一個圖片按鈕,實現下拉的標誌,和一個自帶的列表框,

影藏該列表框,不要原來的樣式,這裡只需要使用它的展示列表的資料功能

wxpython自定義下拉列表框過程圖解

自定義列表框的程式碼:

class MyComBox:
  """自定義下拉列表框"""
  def __init__(self,parent,pos,size=(200,35),choices=[],readOnly=False,borderColor='#EAEAEA',borderSize=1):
    self.defaultfontSize = 10
    self.defaultBorderColor = '#EAEAEA'
    self.defaultFontColor = 'black'

    self.textCtrl,self.combox,self.background,self.arrow_button = self.__CreateComBox(parent,size,choices,readOnly,borderColor,borderSize)
  def __CreateComBox(self,list,borderSize):
    #建立邊框
    border = wx.StaticText(parent,-1,"",pos=pos,size=size)
    border.SetBackgroundColour(borderColor)
    bg = wx.StaticText(border,size=((size[0]-borderSize*2),(size[1]-borderSize*2)),pos=(borderSize,borderSize))
    style = wx.TE_READONLY | wx.NO_BORDER

    #建立資料展示框
    self.textCtrl = wx.TextCtrl(bg,size=((size[0]-30),(self.defaultfontSize*2)),pos=(5,(size[1]-2*self.defaultfontSize-borderSize*2)/2),style= style)
    self.textCtrl.SetBackgroundColour('white')
    #點選文字框顯示資料
    if not readOnly:
      self.textCtrl.Bind(wx.EVT_LEFT_DOWN,self.__OnClick)

    #建立下拉點選按鈕
    bmp = wx.Image("xia.jpg",wx.BITMAP_TYPE_ANY).ConvertToBitmap()
    arrow_button = wx.BitmapButton(bg,bmp,size = (20,size[1]),pos=(size[0]-22,0),style =wx.NO_BORDER)

    #構建列表框,展示列表的資料
    self.chooseBox = wx.ComboBox(parent,value="",size=(size[0],-1),pos = (pos[0],pos[1]+10),choices=list,style=wx.TE_READONLY)
    self.chooseBox.Hide()
    self.chooseBox.Bind(wx.EVT_COMBOBOX_CLOSEUP,self.__GetValue)

    #設定顯示下列列表按鈕
    arrow_button.SetBackgroundColour('white')
    font = wx.Font(self.defaultfontSize,wx.DEFAULT,wx.NORMAL,False,'微軟雅黑')
    self.textCtrl.SetFont(font)

    #設定只讀情況的樣式
    if readOnly:
      bg.SetBackgroundColour('rgb(240,240,240)')
      self.textCtrl.SetBackgroundColour('rgb(240,240)')
      arrow_button.SetBackgroundColour('rgb(240,240)')
    else:
     # bg.SetBackgroundColour(self.textCtrl.GetBackgroundColour())
      arrow_button.Bind(wx.EVT_BUTTON,self.__OnClick)

    return self.textCtrl,self.chooseBox,border,arrow_button

  def __GetValue(self,event):
    if self.chooseBox.GetValue()!='':
      self.textCtrl.SetValue(self.chooseBox.GetValue())
      self.chooseBox.Hide()
      bmp = wx.Image("xia.jpg",wx.BITMAP_TYPE_ANY).ConvertToBitmap()
      self.arrow_button.SetBitmap(bmp)
    if self.chooseBox.GetValue()!='請選擇':
      self.textCtrl.SetForegroundColour(self.defaultFontColor)


  def __OnClick(self,event):
    self.chooseBox.Show()
    self.chooseBox.Popup()
    bmp = wx.Image("shang.jpg",wx.BITMAP_TYPE_ANY).ConvertToBitmap()
    self.arrow_button.SetBitmap(bmp)

  def GetValue(self):
    return self.textCtrl.GetValue()

  def SetValue(self,value):
    if not value:
      value = u'請選擇'
    self.textCtrl.SetValue(value)
    self.combox.SetValue(value)


  def SetList(self,list):
    """設定下拉列表中的資料"""
    self.combox.SetItems(list)

  def SetBorderColor(self,color):
    self.background.SetBackgroundColour(color)


  def SetFont(self,font):
    self.textCtrl.SetFont(font)

  def SetForegroundColour(self,color):
    self.textCtrl.SetForegroundColour(color)

  def Bind(self,event,handler,source=None,id=wx.ID_ANY,id2=wx.ID_ANY):
    self.textCtrl.Bind(event,handler)

圖片:, ,這個需要下載下去,或者自己找漂亮的圖片

測試程式碼:

# coding:utf-8
import wx

from wxpython import Mywxpython

app = wx.App()
frame = wx.Frame(None,title="Gui Test Editor",pos=(1000,200),size=(500,400))

panel = wx.Panel(frame)
panel.SetBackgroundColour('white')
# path_text = wx.TextCtrl(panel,size=(260,36))
#
# my_text = Mywxpython.MyText(panel,pos=(10,50),36))
# my_text1 = Mywxpython.MyText(panel,100),36),readOnly=True)
# my_text.SetBorderColor('red')
list = ['1','2','3','4']
#wx.ComboBox(panel,size=(80,pos = (100,110),style=wx.TE_READONLY)

#my_button = Mywxpython.MyButton(panel,title="點我",150))
combox = Mywxpython.MyComBox(panel,choices=['1','4'],150))
#combox .SetValue("請選擇")
frame.Show()
app.MainLoop()

結果圖:

wxpython自定義下拉列表框過程圖解

按鈕又有點醜,需要自己定義,搞兩個好看得圖示,

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。