wxPython实现仿QQ登录界面

关注

原创最新推荐文章于 2026-10-14 13:52:27 发布 9.1k 阅读 AI 写同款· GEO 优化 ›

wxpython实现登录界面 import wx class MyFrame(wx.Frame): def __init__(self): wx.Frame.__init__(self, parent=None, id=wx.ID_ANY, title="登录界面", size=(300, 200),style=wx.CLOSE_BOX|wx.CAPTION) self.password = Password(self) class Password(wx.Panel): ... 阅读详情

蛋疼，全部自己画

下面主要是按钮的实现，绑定键盘鼠标事件当UP的时候发送EVT_BUTTON 消息，比较难得就是实现面板默认按钮

在输入框的时候，点击回车发送按钮实现

这里用Panel BIND EVT_CHAR_HOOK来实现，得到EVT_CHAR_HOOK时发生按钮点击事件

class AbstractButton(wx.Window):

	def __init__(self,parent,id=-1,label=wx.EmptyString,pos=wx.DefaultPosition,
	             size=wx.DefaultSize, style=0,
	             validator=wx.DefaultValidator,name=wx.ButtonNameStr):

		wx.Window.__init__(self,  parent, id,pos,size,style,name)
		self._label=label
		self.width,self.height=self.ComputerBestSize()
		self.SetSize(wx.Size(self.width,self.height))
		self.SetTransparent(0)
		self.SetBackgroundStyle(wx.BG_STYLE_CUSTOM)
		self._onFouce=self._keyDown=self._mouseIn=self._mouseDown=False
		self.Bind(wx.EVT_LEFT_DOWN, self.OnMouseDown)
		self.Bind(wx.EVT_LEFT_UP,self.OnMouseUp)

		self.Bind(wx.EVT_LEAVE_WINDOW,self.OnMouseLeave)
		self.Bind(wx.EVT_ENTER_WINDOW,self.OnMouseEnter)
		self.Bind(wx.EVT_ERASE_BACKGROUND,lambda evt:evt.Skip())
		self.Bind(wx.EVT_PAINT,self.OnPaint)
		self.Bind(wx.EVT_SET_FOCUS,self.OnFouce)
		self.Bind(wx.EVT_KILL_FOCUS,self.OnLoseFocue)

		self.Bind(wx.EVT_BUTTON,self.OnPress)

		self.mouseInBmp=None
		self.mouseDownBmp=None
		self.mouseOutBmp=None
		self.onFouceBmp=None

	def SetDefault(self):
		def OnKey(evt):
			if evt.GetKeyCode() in (wx.WXK_RETURN,wx.WXK_NUMPAD_ENTER):
				self.SendButtonCmd()
			else:
				evt.Skip()
		self.GetParent().Bind(wx.EVT_CHAR_HOOK,OnKey)


	def SetLabel(self,label):
		self._label=label

	def GetLabel(self):
		return self._label

	def OnPress(self,event):
		self._keyDown=True
		self.Refresh()
		self._keyDown=False
		event.Skip()

	def OnFouce(self,event):
		self._onFouce=True
		self.Refresh()
		event.Skip()

	def OnLoseFocue(self,event):
		self._onFouce=False
		self.Refresh()
		event.Skip()


	def ComputerBestSize(self):
		label=self.GetLabel()
		#return default
		if not label:return 24,21
		#computer best size
		fontLen=len(label)
		width,height=65,26
		if fontLen>2:width+=5*(fontLen-2)
		return width,height


	def OnMouseEnter(self,event):
		self._mouseIn = True
		self.Refresh()
		event.Skip()

	def OnMouseLeave(self,event):
		self._mouseIn = False
		self.Refresh()
		event.Skip()

	def OnMouseDown(self,event):
		self._mouseDown = True
		self.Refresh()
		event.Skip()

	def OnMouseUp(self,event):
		self._mouseDown = False
		self.Refresh()
		event.Skip()
		self.SendButtonCmd()

	def DrawButtion(self,dc):
		if self._mouseDown or self._keyDown:
			dc.DrawBitmap(self.mouseDownBmp,0,0)
		elif self._mouseIn:
			dc.DrawBitmap(self.mouseInBmp,0,0)
		elif self._onFouce:
			dc.DrawBitmap(self.onFouceBmp,0,0)
		else:
			dc.DrawBitmap(self.mouseOutBmp,0,0)



	def OnKeyDown(self,event):
		self._keyDown=True
		self.Refresh()
		event.Skip()

	def OnKeyUp(self,event):
		if self._keyDown:
			self._keyDown=False
			self.Refresh()
			event.Skip()
			self.SendButtonCmd()
		else:
			event.Skip()


	def DrawCenterText(self,dc):
		labelText=self.GetLabel()
		if not labelText:return
		w,h=self.GetTextExtent(labelText)
		w2,h2=self.GetClientSizeTuple()
		x,y=(w2-w)/2,(h2-h)/2
		dc.DrawText(labelText,x,y)

	def SendButtonCmd(self):
		event = wx.CommandEvent(wx.wxEVT_COMMAND_BUTTON_CLICKED, self.GetId())
		event.SetInt(0)
		event.SetEventObject(self)
		self.GetEventHandler().ProcessEvent(event)
		event.Skip()

class SkinCloseButton(AbstractButton):

	def __init__(self,parent):
		AbstractButton.__init__(self,parent,style=wx.NO_BORDER)
		self.mouseInBmp=ImageCenter.WCloseInBmp.GetBitmap()
		self.mouseDownBmp=ImageCenter.WCloesOutBmp.GetBitmap()
		self.onFouceBmp=self.mouseOutBmp=ImageCenter.WCloesOutBmp.GetBitmap()


	def BindClose(self,frame):
		frame.Bind(wx.EVT_BUTTON,
			lambda evt:win32gui.SendMessage(frame.GetHandle(),
				win32con.WM_CLOSE,0,0),self)



	def OnPaint(self, event):
		dc = wx.BufferedPaintDC(self)
		self.DrawButtion(dc)
#####################################################
class SkinMaxSizeButton(AbstractButton):
	def __init__(self,parent):
		AbstractButton.__init__(self,parent,style=wx.NO_BORDER)
		self.mouseInBmp=ImageCenter.WMaxInBmp.GetBitmap()
		self.mouseDownBmp=ImageCenter.WMaxOutBmp.GetBitmap()
		self.onFouceBmp=self.mouseOutBmp=ImageCenter.WMaxDownBmp.GetBitmap()


	def BindMaxSize(self,frame):
		frame.Bind(wx.EVT_BUTTON,
			lambda evt:win32gui.SendMessage(frame.GetHandle(),
				win32con.WM_SYSCOMMAND,
				win32con.SC_MAXIMIZE,0),self)




	def OnPaint(self, event):
		dc = wx.BufferedPaintDC(self)
		self.DrawButtion(dc)
#####################################################
class SkinMinSizeButton(AbstractButton):
	def __init__(self,parent):
		AbstractButton.__init__(self,parent,style=wx.NO_BORDER)
		self.mouseInBmp=ImageCenter.WMinInBmp.GetBitmap()
		self.mouseDownBmp=ImageCenter.WMinOutBmp.GetBitmap()
		self.onFouceBmp=self.mouseOutBmp=ImageCenter.WMinDownBmp.GetBitmap()


	def BindMinSize(self,frame):
		frame.Bind(wx.EVT_BUTTON,
			lambda evt:
			win32gui.SendMessage(frame.GetHandle(),
				win32con.WM_SYSCOMMAND,
				win32con.SC_MINIMIZE,0),self)



	def OnPaint(self, event):
		dc = wx.BufferedPaintDC(self)
		self.DrawButtion(dc)

# -*- coding: gbk -*-
#!/bin/env python
# Author:       许刚
# Created:      2011/6/14
from win32gui import CreateRoundRectRgn, GetWindowRect
from winxpgui import SetWindowRgn
import wx
from configer import Cfg
from hooks.skinhook import SkinButton, SkinMinSizeButton, SkinCloseButton, SkinInput, InstallSkin
from tools.common import  MessageBox
import wx.lib.hyperlink as hyperlink
from ui.dialogs.setttingdlg import SettingDlg
from uilogic.frameinf import ILoginUIHandler
from ui.image import ImageCenter

UIHandler=ILoginUIHandler
class LoginFrame(wx.Frame):
	def __init__(self):
		wx.Frame.__init__(self, None, -1, 'E时代安全电子文档V2.0',wx.DefaultPosition, (380, 280),style=wx.NO_BORDER|wx.FRAME_SHAPED)
		self.panel=LoginPanel(self,(380,280))
		self.SetDefaultItem(self.panel.btnLogin)

		self.panel.Bind(wx.EVT_MOTION,self.OnMouseMove)
		self.panel.Bind(wx.EVT_LEFT_DOWN, self.OnMouseDown)
		self.panel.Bind(wx.EVT_LEFT_UP,self.OnMouseUp)

		self.delta = (0,0)
		self.SetBalloonShape()
		self.Center()

	def OnMouseDown(self,event):
		self.panel.CaptureMouse()
		x, y =  self.ClientToScreen(event.GetPosition())
		originx, originy = self.GetPosition()
		dx = x - originx
		dy = y - originy
		self.delta = ((dx, dy))

	def OnMouseUp(self, evt):
		if self.panel.HasCapture():self.panel.ReleaseMouse()

	def OnMouseMove(self, evt):
		if evt.Dragging() and evt.LeftIsDown():
			x, y = self.ClientToScreen(evt.GetPosition())
			fp = (x - self.delta[0], y - self.delta[1])
			self.Move(fp)


	def SetBalloonShape(self):
		left,top,right,bottom=GetWindowRect(self.GetHandle())
		hrgn=CreateRoundRectRgn(left,top,right,bottom,5,5)
		SetWindowRgn(self.GetHandle(),hrgn,True)

#		width, height = self.GetSize()
#		bmp = wx.EmptyBitmap(width,height)
#		dc = wx.BufferedDC(None, bmp)
#		dc.DrawRoundedRectangle(0, 0, width-1, height-1,3)
#		dc.EndDrawing()
#		self.hasShape = self.SetShape(wx.RegionFromBitmapColour(bmp, wx.Colour(0,0,0)))

	def SaveName(self):
		Cfg.c_lastname=self.panel.username \
		if Cfg.bool(Cfg.c_savename) else ''

	def ClearPasswrod(self):
		self.panel.pwdText.SetValue('')


class LoginPanel(wx.Panel):

	def __init__(self,parent,size):
		wx.Panel.__init__(self,parent,-1,size=size)

		self.bgBmp =ImageCenter.WLoginBgBmp.GetBitmap()
		self.logoBmp=ImageCenter.WLogoBmp.GetBitmap()

#		self.btnLogin=wx.Button(self, -1, '登录')
#		self.btnSetting=wx.Button(self,-1,  '设置')

		self.btnLogin=SkinButton(self, -1, '登录')
		self.btnLogin.SetDefault()
		self.btnSetting=SkinButton(self,-1,  '设置')

		self.minBth=SkinMinSizeButton(self)
		self.closeBth=SkinCloseButton(self)

		self.minBth.BindMinSize(parent)
		self.closeBth.BindClose(parent)

		self.nameText=SkinInput(self,size=(190,30),fontsize=11,nullText='帐号')
		self.pwdText=SkinInput(self,size=(190,30),style=wx.TE_PASSWORD,fontsize=11,nullText='密码')
		#self.txtUserName,self.txtPwd=self.namePanel.GetTextCtrl(),self.pwdPanel.GetTextCtrl()

		self.nameText.SetValue(Cfg.c_lastname if Cfg.c_savename else '')

		self.pwdText.SetValue('')

		self.reglink=hyperlink.HyperLinkCtrl(self, -1,u"注册账号")
		self.reglink.SetBackgroundColour('#f9f1f7')
		#self.forgetPwdlink=hyperlink.HyperLinkCtrl(panel, -1, "忘记密码")
		self.reglink.UnsetToolTip()
		self.reglink.Bind(hyperlink.EVT_HYPERLINK_LEFT,self.EvtReglinkClick)
		self.reglink.AutoBrowse(False)
		self.reglink.EnableRollover(True)
		self.reglink.SetUnderlines(False,False,True)
		self.reglink.OpenInSameWindow(True)
		self.reglink.UpdateLink()


		self.rebName = wx.CheckBox(self, -1, "记住帐号")
		self.rebName.SetValue(Cfg.bool(Cfg.c_savename))

		self.username=self.nameText.GetValue()

		self.Bind(wx.EVT_PAINT,self.OnPaint)
		self.SetBackgroundStyle(wx.BG_STYLE_CUSTOM)
		self.Bind(wx.EVT_BUTTON, self.BthLoginClick, self.btnLogin)
		self.Bind(wx.EVT_BUTTON, self.BthSettingClick, self.btnSetting)




	def OnPaint(self,evt):
		dc = wx.BufferedPaintDC(self)
		if not dc:
			dc = wx.ClientDC(self)
			rect = self.GetUpdateRegion().GetBox()
			dc.SetClippingRect(rect)
		dc.Clear()
		dc.DrawBitmap(self.bgBmp, 0, 0)
		rect=self.GetClientRect()
		y=145
		x=100
		dc.DrawBitmap(self.logoBmp,10,y-8)
		self.nameText.SetDimensions(x,y,self.nameText.width,self.nameText.height)
		w,h=self.reglink.GetClientSize()
		self.reglink.SetDimensions(x+self.nameText.width+10,y+8,w,h)
		y+=35
		self.pwdText.SetDimensions(x,y,self.pwdText.width,self.pwdText.height)

		y+=self.pwdText.height+10
		w,h=self.rebName.GetSizeTuple()

		self.rebName.SetDimensions(x,y,w,18)

		x=rect.x +rect.width-self.closeBth.width-1
		self.closeBth.SetDimensions(x,1,
			self.closeBth.width, self.closeBth.height-1)
		x-=self.minBth.width
		self.minBth.SetDimensions(x, 1,
			self.minBth.width, self.minBth.height-1)

		x=rect.x + 10
		y=rect.y +rect.height-32
		self.btnSetting.SetDimensions(x,y,self.btnSetting.width, self.btnSetting.height)

		#w,h=self.btnLogin.GetClientSizeTuple()

#		x=rect.x+rect.width - w-10
#		self.btnLogin.SetDimensions(x,y,w,h)

		x=rect.x+rect.width - self.btnLogin.width-10
		self.btnLogin.SetDimensions(x,y,self.btnLogin.width, self.btnLogin.height)





	def BindEvent(self):
		self.Bind(wx.EVT_BUTTON, self.BthLoginClick, self.btnLogin)
		self.Bind(wx.EVT_BUTTON, self.BthSettingClick, self.btnSetting)



	def BthLoginClick(self, event):
		name, pwd = self.nameText.GetValue().strip(), self.pwdText.GetValue().strip()

		Cfg.c_savename=str(self.rebName.IsChecked())
		self.username=self.nameText.GetValue()

		if name == "":
			MessageBox( '请输入用户名！')
		elif pwd == "":
			MessageBox('请输入密码！')
			self.nameText.SetFocus()

		else:
			UIHandler.OnLogin(self,name,pwd)


	def EvtReglinkClick(self,evt):
		UIHandler.OnRegister()


	def BthSettingClick(self, evt):
		dlg = SettingDlg(self)
		dlg.ShowModal()
		dlg.Destroy()


if __name__=='__main__':

	app=wx.PySimpleApp()
	f=LoginFrame()
	f.Show()
	app.MainLoop()

界面效果