40. 实战:基于tkinter实现用户UI界面——对34小节的VIP音乐解析系统的全面升级(附源码)
创始人
2024-05-30 23:08:19
0

目录

前言

目的

思路

代码实现

1. 首先设计主页UI界面

2. 封装核心解析歌曲代码

3. 下载音乐到本地

4. 将界面居中,禁止修改窗口大小,等待关闭/退出指令 

完整源码

运行效果

使用过程

菜单栏

打包的exe

总结


前言

本节将升级34. 实战:基于某api实现歌曲检索与下载(附完整源代码),也将基于api实现视频解析播放的功能,并且还实现了用户UI界面,可以用pyinstaller等库导出exe来永久保存可执行文件。

博主已经成功导出可执行文件,包括上一节的视频解析软件也已经导出。需要的小伙伴可以私信我或者评论区留言,我分享给你~


目的

实现一个VIP音乐解析系统,要求能够通过关键字检索需要的歌曲,并且设计用户界面,进行直观的交互行为,下载到本地同目录下的Download文件夹中。


思路

使用tkinter库设计UI界面并把各组件封装起来,核心功能仍然是34节所讲过的代码部分,传送门在这里,想要了解核心功能的跳转:34. 实战:基于某api实现歌曲检索与下载(附完整源代码)

接下来是详细思路:

1. 首先设计主页UI界面

2. 封装核心解析歌曲代码

3. 下载音乐到本地

4. 将界面居中,禁止修改窗口大小,等待关闭/退出指令 


代码实现

先导包

import os
import tkinter as tk
import webbrowser
import requests
import tkinter.messagebox as mes_box
import PySimpleGUI as sg
from tkinter import ttk
from retrying import retry

1. 首先设计主页UI界面

    def __init__(self, weight=1000, height=600):self.ui_weight = weightself.ui_height = heightself.title = "Vector的音乐解析器"self.ui_root = tk.Tk(className=self.title)self.ui_url = tk.StringVar()self.ui_var = tk.IntVar()self.ui_var.set(1)self.show_result = Noneself.song_num = Noneself.response_data = Noneself.song_url = Noneself.song_name = Noneself.song_author = Nonedef set_ui(self):"""设置简易UI界面:return:"""# Frame空间frame_1 = tk.Frame(self.ui_root)frame_2 = tk.Frame(self.ui_root)frame_3 = tk.Frame(self.ui_root)frame_4 = tk.Frame(self.ui_root)# ui界面中菜单设计ui_menu = tk.Menu(self.ui_root)self.ui_root.config(menu=ui_menu)file_menu = tk.Menu(ui_menu, tearoff=0)ui_menu.add_cascade(label='菜单', menu=file_menu)file_menu.add_command(label='使用说明', command=lambda: webbrowser.open('www.baidu.com'))file_menu.add_command(label='关于作者', command=lambda: webbrowser.open('https://blog.csdn.net/m0_59180666?spm=1010.2135.3001.5343'))file_menu.add_command(label='退出', command=self.ui_root.quit)# 控件内容设置choice_passageway = tk.Label(frame_1, text='请选择音乐搜索通道:', padx=10, pady=10)passageway_button_1 = tk.Radiobutton(frame_1, text='酷我', variable=self.ui_var, value=1, width=10, height=3)passageway_button_2 = tk.Radiobutton(frame_1, text='网易云', variable=self.ui_var, value=2, width=10, height=3)passageway_button_3 = tk.Radiobutton(frame_1, text='QQ音乐', variable=self.ui_var, value=3, width=10, height=3)passageway_button_4 = tk.Radiobutton(frame_1, text='酷狗', variable=self.ui_var, value=4, width=10, height=3)input_link = tk.Label(frame_2, text="请输入搜索关键词:")entry_style = tk.Entry(frame_2, textvariable=self.ui_url, highlightcolor='Fuchsia', highlightthickness=1,width=35)label2 = tk.Label(frame_2, text=" ")play_button = tk.Button(frame_2, text="搜索", font=('楷体', 11), fg='Purple', width=2, height=1,command=self.get_KuWoMusic)label3 = tk.Label(frame_2, text=" ")# 表格样式columns = ("序号", "歌手", "歌曲", "专辑")self.show_result = ttk.Treeview(frame_3, height=20, show="headings", columns=columns)# 下载download_button = tk.Button(frame_4, text="下载", font=('楷体', 11), fg='Purple', width=6, height=1, padx=5,pady=5, command=self.download_music)# 控件布局frame_1.pack()frame_2.pack()frame_3.pack()frame_4.pack()choice_passageway.grid(row=0, column=0)passageway_button_1.grid(row=0, column=1)passageway_button_2.grid(row=0, column=2)passageway_button_3.grid(row=0, column=3)passageway_button_4.grid(row=0, column=4)input_link.grid(row=0, column=0)entry_style.grid(row=0, column=1)label2.grid(row=0, column=2)play_button.grid(row=0, column=3, ipadx=10, ipady=10)label3.grid(row=0, column=4)self.show_result.grid(row=0, column=4)download_button.grid(row=0, column=5)# 设置表头self.show_result.heading("序号", text="序号")self.show_result.heading("歌手", text="歌手")self.show_result.heading("歌曲", text="歌曲")self.show_result.heading("专辑", text="专辑")# 设置列self.show_result.column("序号", width=100, anchor='center')self.show_result.column("歌手", width=200, anchor='center')self.show_result.column("歌曲", width=200, anchor='center')self.show_result.column("专辑", width=300, anchor='center')# 鼠标点击self.show_result.bind('', self.get_song_url)

2. 封装核心解析歌曲代码

    @retry(stop_max_attempt_number=5)def get_KuWoMusic(self):"""获取qq音乐:return:"""# 清空treeview表格数据for item in self.show_result.get_children():self.show_result.delete(item)headers = {'accept': 'application/json, text/plain, */*','accept - encoding': 'gzip, deflate','accept - language': 'zh - CN, zh;q = 0.9','cache - control': 'no - cache','Connection': 'keep-alive','csrf': 'HH3GHIQ0RYM','Referer': 'http://www.kuwo.cn/search/list?key=%E5%91%A8%E6%9D%B0%E4%BC%A6','User-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) ''Chrome/99.0.4844.51 Safari/537.36','Cookie': '_ga=GA1.2.218753071.1648798611; _gid=GA1.2.144187149.1648798611; _gat=1; ''Hm_lvt_cdb524f42f0ce19b169a8071123a4797=1648798611; ''Hm_lpvt_cdb524f42f0ce19b169a8071123a4797=1648798611; kw_token=HH3GHIQ0RYM'}search_input = self.ui_url.get()if len(search_input) > 0:search_url = 'http://www.kuwo.cn/api/www/search/searchMusicBykeyWord?'search_data = {'key': search_input,'pn': '1','rn': '80','httpsStatus': '1','reqId': '858597c1-b18e-11ec-83e4-9d53d2ff08ff'}try:self.response_data = requests.get(search_url, params=search_data, headers=headers, timeout=20).json()songs_data = self.response_data['data']['list']if int(self.response_data['data']['total']) <= 0:mes_box.showerror(title='错误', message='搜索: {} 不存在.'.format(search_input))else:for i in range(len(songs_data)):self.show_result.insert('', i, values=(i + 1, songs_data[i]['artist'], songs_data[i]['name'],songs_data[i]['album']))except TimeoutError:mes_box.showerror(title='错误', message='搜索超时,请重新输入后再搜索!')else:mes_box.showerror(title='错误', message='未输入需查询的歌曲或歌手,请输入后搜索!')def get_song_url(self, event):"""获取下载歌曲的地址:return:"""# treeview中的左键单击for item in self.show_result.selection():item_text = self.show_result.item(item, "values")# 获取self.song_num = int(item_text[0])# 获取下载歌曲的地址if self.song_num is not None:songs_data = self.response_data['data']['list']songs_req_id = self.response_data['reqId']song_rid = songs_data[self.song_num - 1]['rid']music_url = 'http://www.kuwo.cn/api/v1/www/music/playUrl?mid={}&type=convert_url3' \'&httpsStatus=1&reqId={}' \.format(song_rid, songs_req_id)response_data = requests.get(music_url).json()self.song_url = response_data['data'].get('url')self.song_name = songs_data[self.song_num - 1]['name']self.song_author = songs_data[self.song_num - 1]['artist']else:mes_box.showerror(title='错误', message='未选择要下载的歌曲,请选择')

3. 下载音乐到本地

    def download_music(self):"""下载音乐:return:"""if not os.path.exists('./Download'):os.mkdir("./Download/")if self.song_num is not None:song_name = self.song_name + '--' + self.song_author + ".mp3"try:save_path = os.path.join('./3_Download/{}'.format(song_name)) \.replace('\\', '/')true_path = os.path.abspath(save_path)resp = requests.get(self.song_url)with open(save_path, 'wb') as file:file.write(resp.content)mes_box.showinfo(title='下载成功', message='歌曲:%s,保存地址为%s' % (self.song_name, true_path))except Exception:mes_box.showerror(title='错误', message='未找到存放歌曲的文件夹')else:mes_box.showerror(title='错误', message='未选择要下载的歌曲,请选择后下载')def progress_bar(self, file_size):"""任务加载进度条:return:"""layout = [[sg.Text('任务完成进度')],[sg.ProgressBar(file_size, orientation='h', size=(40, 20), key='progressbar')],[sg.Cancel()]]# window只需将自定义的布局加载出来即可 第一个参数是窗口标题。window = sg.Window('机器人执行进度', layout)# 根据key值获取到进度条_progress_bar = window['progressbar']for i in range(file_size):  # 循环event, values = window.read(timeout=10)if event == 'Cancel' or event is None:break_progress_bar.UpdateBar(i + 1)

4. 将界面居中,禁止修改窗口大小,等待关闭/退出指令 

    def ui_center(self):"""UI界面窗口设置:居中"""ws = self.ui_root.winfo_screenwidth()hs = self.ui_root.winfo_screenheight()x = int((ws / 2) - (self.ui_weight / 2))y = int((hs / 2) - (self.ui_height / 2))self.ui_root.geometry('{}x{}+{}+{}'.format(self.ui_weight, self.ui_height, x, y))def loop(self):"""函数说明:loop等待用户事件"""self.ui_root.resizable(False, False)  # 禁止修改窗口大小self.ui_center()  # 窗口居中self.set_ui()self.ui_root.mainloop()if __name__ == '__main__':a = SetUI()a.loop()

完整源码

# Created at UESTC
# Author: Vector Kun
# Time: 2023/1/29 11:07import os
import tkinter as tk
import webbrowser
import requests
import tkinter.messagebox as mes_box
import PySimpleGUI as sg
from tkinter import ttk
from retrying import retryclass SetUI(object):"""音乐弹框界面"""def __init__(self, weight=1000, height=600):self.ui_weight = weightself.ui_height = heightself.title = "Vector的音乐解析器"self.ui_root = tk.Tk(className=self.title)self.ui_url = tk.StringVar()self.ui_var = tk.IntVar()self.ui_var.set(1)self.show_result = Noneself.song_num = Noneself.response_data = Noneself.song_url = Noneself.song_name = Noneself.song_author = Nonedef set_ui(self):"""设置简易UI界面:return:"""# Frame空间frame_1 = tk.Frame(self.ui_root)frame_2 = tk.Frame(self.ui_root)frame_3 = tk.Frame(self.ui_root)frame_4 = tk.Frame(self.ui_root)# ui界面中菜单设计ui_menu = tk.Menu(self.ui_root)self.ui_root.config(menu=ui_menu)file_menu = tk.Menu(ui_menu, tearoff=0)ui_menu.add_cascade(label='菜单', menu=file_menu)file_menu.add_command(label='使用说明', command=lambda: webbrowser.open('www.baidu.com'))file_menu.add_command(label='关于作者', command=lambda: webbrowser.open('https://blog.csdn.net/m0_59180666?spm=1010.2135.3001.5343'))file_menu.add_command(label='退出', command=self.ui_root.quit)# 控件内容设置choice_passageway = tk.Label(frame_1, text='请选择音乐搜索通道:', padx=10, pady=10)passageway_button_1 = tk.Radiobutton(frame_1, text='酷我', variable=self.ui_var, value=1, width=10, height=3)passageway_button_2 = tk.Radiobutton(frame_1, text='网易云', variable=self.ui_var, value=2, width=10, height=3)passageway_button_3 = tk.Radiobutton(frame_1, text='QQ音乐', variable=self.ui_var, value=3, width=10, height=3)passageway_button_4 = tk.Radiobutton(frame_1, text='酷狗', variable=self.ui_var, value=4, width=10, height=3)input_link = tk.Label(frame_2, text="请输入搜索关键词:")entry_style = tk.Entry(frame_2, textvariable=self.ui_url, highlightcolor='Fuchsia', highlightthickness=1,width=35)label2 = tk.Label(frame_2, text=" ")play_button = tk.Button(frame_2, text="搜索", font=('楷体', 11), fg='Purple', width=2, height=1,command=self.get_KuWoMusic)label3 = tk.Label(frame_2, text=" ")# 表格样式columns = ("序号", "歌手", "歌曲", "专辑")self.show_result = ttk.Treeview(frame_3, height=20, show="headings", columns=columns)# 下载download_button = tk.Button(frame_4, text="下载", font=('楷体', 11), fg='Purple', width=6, height=1, padx=5,pady=5, command=self.download_music)# 控件布局frame_1.pack()frame_2.pack()frame_3.pack()frame_4.pack()choice_passageway.grid(row=0, column=0)passageway_button_1.grid(row=0, column=1)passageway_button_2.grid(row=0, column=2)passageway_button_3.grid(row=0, column=3)passageway_button_4.grid(row=0, column=4)input_link.grid(row=0, column=0)entry_style.grid(row=0, column=1)label2.grid(row=0, column=2)play_button.grid(row=0, column=3, ipadx=10, ipady=10)label3.grid(row=0, column=4)self.show_result.grid(row=0, column=4)download_button.grid(row=0, column=5)# 设置表头self.show_result.heading("序号", text="序号")self.show_result.heading("歌手", text="歌手")self.show_result.heading("歌曲", text="歌曲")self.show_result.heading("专辑", text="专辑")# 设置列self.show_result.column("序号", width=100, anchor='center')self.show_result.column("歌手", width=200, anchor='center')self.show_result.column("歌曲", width=200, anchor='center')self.show_result.column("专辑", width=300, anchor='center')# 鼠标点击self.show_result.bind('', self.get_song_url)@retry(stop_max_attempt_number=5)def get_KuWoMusic(self):"""获取qq音乐:return:"""# 清空treeview表格数据for item in self.show_result.get_children():self.show_result.delete(item)headers = {'accept': 'application/json, text/plain, */*','accept - encoding': 'gzip, deflate','accept - language': 'zh - CN, zh;q = 0.9','cache - control': 'no - cache','Connection': 'keep-alive','csrf': 'HH3GHIQ0RYM','Referer': 'http://www.kuwo.cn/search/list?key=%E5%91%A8%E6%9D%B0%E4%BC%A6','User-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) ''Chrome/99.0.4844.51 Safari/537.36','Cookie': '_ga=GA1.2.218753071.1648798611; _gid=GA1.2.144187149.1648798611; _gat=1; ''Hm_lvt_cdb524f42f0ce19b169a8071123a4797=1648798611; ''Hm_lpvt_cdb524f42f0ce19b169a8071123a4797=1648798611; kw_token=HH3GHIQ0RYM'}search_input = self.ui_url.get()if len(search_input) > 0:search_url = 'http://www.kuwo.cn/api/www/search/searchMusicBykeyWord?'search_data = {'key': search_input,'pn': '1','rn': '80','httpsStatus': '1','reqId': '858597c1-b18e-11ec-83e4-9d53d2ff08ff'}try:self.response_data = requests.get(search_url, params=search_data, headers=headers, timeout=20).json()songs_data = self.response_data['data']['list']if int(self.response_data['data']['total']) <= 0:mes_box.showerror(title='错误', message='搜索: {} 不存在.'.format(search_input))else:for i in range(len(songs_data)):self.show_result.insert('', i, values=(i + 1, songs_data[i]['artist'], songs_data[i]['name'],songs_data[i]['album']))except TimeoutError:mes_box.showerror(title='错误', message='搜索超时,请重新输入后再搜索!')else:mes_box.showerror(title='错误', message='未输入需查询的歌曲或歌手,请输入后搜索!')def get_song_url(self, event):"""获取下载歌曲的地址:return:"""# treeview中的左键单击for item in self.show_result.selection():item_text = self.show_result.item(item, "values")# 获取self.song_num = int(item_text[0])# 获取下载歌曲的地址if self.song_num is not None:songs_data = self.response_data['data']['list']songs_req_id = self.response_data['reqId']song_rid = songs_data[self.song_num - 1]['rid']music_url = 'http://www.kuwo.cn/api/v1/www/music/playUrl?mid={}&type=convert_url3' \'&httpsStatus=1&reqId={}' \.format(song_rid, songs_req_id)response_data = requests.get(music_url).json()self.song_url = response_data['data'].get('url')self.song_name = songs_data[self.song_num - 1]['name']self.song_author = songs_data[self.song_num - 1]['artist']else:mes_box.showerror(title='错误', message='未选择要下载的歌曲,请选择')def download_music(self):"""下载音乐:return:"""if not os.path.exists('./Download'):os.mkdir("./Download/")if self.song_num is not None:song_name = self.song_name + '--' + self.song_author + ".mp3"try:save_path = os.path.join('./3_Download/{}'.format(song_name)) \.replace('\\', '/')true_path = os.path.abspath(save_path)resp = requests.get(self.song_url)with open(save_path, 'wb') as file:file.write(resp.content)mes_box.showinfo(title='下载成功', message='歌曲:%s,保存地址为%s' % (self.song_name, true_path))except Exception:mes_box.showerror(title='错误', message='未找到存放歌曲的文件夹')else:mes_box.showerror(title='错误', message='未选择要下载的歌曲,请选择后下载')def progress_bar(self, file_size):"""任务加载进度条:return:"""layout = [[sg.Text('任务完成进度')],[sg.ProgressBar(file_size, orientation='h', size=(40, 20), key='progressbar')],[sg.Cancel()]]# window只需将自定义的布局加载出来即可 第一个参数是窗口标题。window = sg.Window('机器人执行进度', layout)# 根据key值获取到进度条_progress_bar = window['progressbar']for i in range(file_size):  # 循环event, values = window.read(timeout=10)if event == 'Cancel' or event is None:break_progress_bar.UpdateBar(i + 1)def ui_center(self):"""UI界面窗口设置:居中"""ws = self.ui_root.winfo_screenwidth()hs = self.ui_root.winfo_screenheight()x = int((ws / 2) - (self.ui_weight / 2))y = int((hs / 2) - (self.ui_height / 2))self.ui_root.geometry('{}x{}+{}+{}'.format(self.ui_weight, self.ui_height, x, y))def loop(self):"""函数说明:loop等待用户事件"""self.ui_root.resizable(False, False)  # 禁止修改窗口大小self.ui_center()  # 窗口居中self.set_ui()self.ui_root.mainloop()if __name__ == '__main__':a = SetUI()a.loop()

运行效果

使用过程

菜单栏

打包的exe

 


总结

本文实现了一个VIP音乐解析系统,能够通过关键字检索需要的歌曲,并且设计了用户界面,可以进行直观的交互行为,也能将目标歌曲下载到本地同目录下的Download文件夹中。

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
一帆风顺二龙腾飞三阳开泰祝福语... 本篇文章极速百科给大家谈谈一帆风顺二龙腾飞三阳开泰祝福语,以及一帆风顺二龙腾飞三阳开泰祝福语结婚对应...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...