常見的聊天窗口

image.png

聊天窗口布局

左上：聊天歷史信息顯示
左中：當前信息編輯區(qū)域
左下：按鈕區(qū)域
右側：顯示展示區(qū)域

Frame控件

容器區(qū)域布局

frmLT,frmLC,frmLB,frmRT

#創(chuàng)建frmLT容器
frmLT = Frame(width = 500, height = 320, bg = 'white')
frmLC = Frame(width = 500, height = 150, bg = 'white')
frmLB = Frame(width = 500, height = 30)
frmRT = Frame(width = 200, height = 500)

控件對象命名規(guī)則

“控件類型” + “功能”

frmLT:   frame + LeftTop
txtMsg:  text控件 + 消息
btnSend: button控件 + 發(fā)送

image.png

消息處理：

txtMsg = Text(frmLC)
txtMsg.bind("<KeyPress-Up>", sendMsgEvent)
btnSend = Button(frmLB, text = '發(fā)送', width = 8, command = sendMsg)
btnCancel =Button(frmLB, text = '取消', width = 8, command = cancelMsg)

圖片處理：

imgInfo = PhotoImage(file = "timg-2.gif")
lblImage = Label(frmRT, image = imgInfo)
lblImage.image = imgInfo

sendNsg()

回調函數(shù)训柴，通過函數(shù)指針調用的函數(shù)

def sendMsg():#發(fā)送消息
    strMsg = "我:" + time.strftime("%Y-%m-%d %H:%M:%S",time.localtime())+ '\n'
    txtMsgList.insert(END, strMsg, 'greencolor')
    txtMsgList.insert(END, txtMsg.get('0.0', END))
    txtMsg.delete('0.0', END)

cancelMsg()

def cancelMsg():#取消信息
        txtMsg.delete('0.0', END)

sendMsgEvent(event)

def sendMsgEvent(event):#發(fā)送消息事件
    if event.keysym =='Up':
        sendMsg()

grid()界面布局控制

frmLT.grid(row = 0, column = 0, columnspan = 2, padx = 1, pady = 3)
frmLC.grid(row = 1, column = 0, columnspan = 2, padx = 1, pady = 3)
frmLB.grid(row = 2, column = 0, columnspan = 2)
frmRT.grid(row = 0, column = 2, rowspan = 3, padx =2, pady = 3)

#固定大小
frmLT.grid_propagate(0)
frmLC.grid_propagate(0)
frmLB.grid_propagate(0)
frmRT.grid_propagate(0)

btnSend.grid(row = 2, column = 0)
btnCancel.grid(row = 2, column = 1)
lblImage.grid()
txtMsgList.grid()
txtMsg.grid()

主事件循環(huán)

app.mainloop()

代碼整體：

from tkinter import *
import time

def main():

    def sendMsg():#發(fā)送消息
        strMsg = "我:" + time.strftime("%Y-%m-%d %H:%M:%S",time.localtime())+ '\n'
        txtMsgList.insert(END, strMsg, 'greencolor')
        txtMsgList.insert(END, txtMsg.get('0.0', END))
        txtMsg.delete('0.0', END)

    def cancelMsg():#取消信息
        txtMsg.delete('0.0', END)

    def sendMsgEvent(event):#發(fā)送消息事件
        if event.keysym =='Up':
            sendMsg()
    #創(chuàng)建窗口
    app = Tk()
    app.title('與python聊天')

    #創(chuàng)建frame容器
    frmLT = Frame(width = 500, height = 320, bg = 'white')
    frmLC = Frame(width = 500, height = 150, bg = 'white')
    frmLB = Frame(width = 500, height = 30)
    frmRT = Frame(width = 200, height = 500)

    #創(chuàng)建控件
    txtMsgList = Text(frmLT)
    txtMsgList.tag_config('greencolor',foreground = '#008C00')#創(chuàng)建tag
    txtMsg = Text(frmLC)
    txtMsg.bind("<KeyPress-Up>", sendMsgEvent)
    btnSend = Button(frmLB, text = '發(fā)送', width = 8, command = sendMsg)
    btnCancel =Button(frmLB, text = '取消', width = 8, command = cancelMsg)
    imgInfo = PhotoImage(file = "timg-2.gif")
    lblImage = Label(frmRT, image = imgInfo)
    lblImage.image = imgInfo

    #窗口布局
    frmLT.grid(row = 0, column = 0, columnspan = 2, padx = 1, pady = 3)
    frmLC.grid(row = 1, column = 0, columnspan = 2, padx = 1, pady = 3)
    frmLB.grid(row = 2, column = 0, columnspan = 2)
    frmRT.grid(row = 0, column = 2, rowspan = 3, padx =2, pady = 3)

    #固定大小
    frmLT.grid_propagate(0)
    frmLC.grid_propagate(0)
    frmLB.grid_propagate(0)
    frmRT.grid_propagate(0)

    btnSend.grid(row = 2, column = 0)
    btnCancel.grid(row = 2, column = 1)
    lblImage.grid()
    txtMsgList.grid()
    txtMsg.grid()

    #主事件循環(huán)
    app.mainloop()

if  __name__ == "__main__":
    main()

最后編輯于：2018.09.08 17:13:41

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者