使用python的内置模块tkinter编写了爬取51Ape网站（无损音乐的百度云链接）的UI界面

tkinter入门简单, 但同时在编写的过程中因为文档的缺少很不方便。

下面是UI界面模块的编写，由于爬虫方面由于网站没有反爬非常简单，就不显示出来了

UI类在初始化时会加载所有歌手信息， 下拉框绑定了<>事件，请求歌手的歌曲信息显示在listbox， listbox绑定了双击事件请求该歌曲的百度云链接及提取码。

from tkinter import *
from tkinter import ttk
import tkinter.font as tkFont
from .spider import get_singer_info, get_all_song, get_song_link

song_info = {}

定义适合的函数创建框架和更简洁的按钮， 增加程序的易读性

def labelframe(root):
w = LabelFrame(root)
w.pack(fill=X, padx=15, pady=8)
return w

def label(root, text, font):
w = Label(root, text=text, bg='blue', fg='white', width=6, font=font)
w.pack(fill=X, padx=10, side=LEFT)
return w

def frame(root, side):
w = Frame(root)
w.pack(side=side, expand=YES, fill=BOTH, padx=10, pady=8)
return w

def combobox(root, variable, font):
w = ttk.Combobox(root, textvariable=variable, width=10, font=font)
w.pack(fill=X, padx=5, side=LEFT)
return w

def entry(root, font):
w = Entry(root, width=12, font=font)
w.pack(padx=5, fill=X, side=LEFT)
return w

def listbox(root, font):
w = Listbox(root, height=10, width=22, font=font)
w.pack(side=LEFT, fill=X, expand=YES)
return w

def scrollbar(root, orient, side, fill, command=None):
w = Scrollbar(root, orient=orient, command=command)
w.pack(side=side, fill=fill)
return w

def font(family, size):
w = tkFont.Font(family=family, size=size)
return w

class AppUI(Frame):
def __init__(self):
tk = Tk() # 实例化tk对象

    self.singer = StringVar()     # 定义一个可供内容存取的tkinter的变量  
    ft = font(family='Calibri', size=10)      # 定义字体  family：字体类型名的字符串；size：以点为单位的字体高度

    lf = labelframe(tk)          # LabelFrame 组件是 Frame 组件的变体。默认情况下，LabelFrame 会在其子组件的周围绘制一个边框以及一个标题。

    top\_frame = frame(lf, side=TOP)   # 定义容器frame，side=TOP  sdie停靠在父组件的那一边上，默认TOP  
    label(top\_frame, text='Singer', font=ft)   # 标签  
    self.cbb = combobox(top\_frame, self.singer, font=ft)  # 下拉框  
    self.cbb\['values'\] = tuple(\[key for key in get\_singer\_info().keys()\])   # 初始化下拉框的值  
    self.cbb.bind("<<ComboboxSelected>>", self.change)    # 下拉框绑定选择事件

    bottom\_frame = frame(lf, TOP)  
    band = frame(bottom\_frame, TOP)  
    self.listbox = listbox(band, font=ft)                 # listbox  
    self.listbox.bind('<Double-Button-1>', self.open\_link)     # listbox绑定双击事件  
    vertical\_bar = scrollbar(band, orient=VERTICAL, side=RIGHT, fill=Y, command=self.listbox.yview)    # 创建滚动条 orient1. 指定绘制 HORIZONTAL（垂直滚动条）还是 VERTICAL（水平滚动条）2. 默认值是 VERTICAL command 1.当滚动条更新时回调的函数 2.通常的是指定对应组件的 xview() 或 yview() 方法  
    self.listbox\['yscrollcommand'\] = vertical\_bar.set     # 设置竖直滚动条  
    horizontal\_bar = scrollbar(bottom\_frame, orient=HORIZONTAL, side=BOTTOM, fill=X, command=self.listbox.xview)  
    self.listbox\['xscrollcommand'\] = horizontal\_bar.set   # 设置水平滚动条

    footer\_frame = frame(lf, TOP)  
    label(footer\_frame, text='Key', font=ft)  
    self.ekey = entry(footer\_frame, font=ft)

    tk.title('51Api')              # 修改窗口名  
    tk.update()                    # 刷新页面 刷新winfo\_width, winfo\_height  
    curWidth = tk.winfo\_width()  
    curHeight = tk.winfo\_height()  
    scnWidth, scnHeight = tk.maxsize()  
    size = '+%d+%d' % ((scnWidth - curWidth) / 2, (scnHeight - curHeight) / 2)  
    tk.geometry(size)    # %dx%d+%d+%d 第一个数横大小,第二个数纵大小,第三个数离左屏幕边界距离,第四个数离上面屏幕边界距离  
    tk.mainloop()        # 进入消息循环

def change(self, event):  
    self.listbox.delete(0, END)  
    get\_all\_song(self.cbb.get())  
    from .spider import song\_queue  
    while True:  
        if song\_queue.empty():  
            break  
        song = song\_queue.get()  
        self.listbox.insert('end', song\[0\])  
        song\_info\[song\[0\]\] = song\[1\]

def open\_link(self, event):  
    from webbrowser import open  
    down\_link, down\_key = get\_song\_link(song\_info\[self.listbox.selection\_get()\])  
    self.ekey.delete(0, END)  
    self.ekey.insert(0, down\_key)  
    open(down\_link)

if __name__ == "__main__":
AppUI()