tkinter点击按钮实现图片的切换

tkinter是python的标准Tk GUI工具包的接口，在windows下如果你安装的python3，那在安装python的时候，就已经自动安装了tkinter了

如果是在linux系统中，则不会自动安装tkinter，需要通过

sudo apt-get install python-tk

手动安装

首先先介绍一下，tkinter本身只支持gif等少数几个图片格式，如果图片并不复杂，建议直接右击图片，进入编辑，在画图界面将图片另存为gif格式就可以使用了(连png和jpeg都不支持。。。真的有点魔幻)

具体的编程操作

如果你尝试直接重写设置图片的有关代码会出问题

比如

import tkinter as tk
top = tk.Tk()top.title("划水摸鱼")  # 设置窗口
width = 260
height = 500
top.geometry(f'{width}x{height}')  # 设置窗口大小img_gif = tk.PhotoImage(file='./动作/问号.gif')  # 设置图片
label_img = tk.Label(top, image=img_gif)  # 设置预显示图片
label_img.place(x=30, y=120)def change_img():   # 设置按钮事件img_gif0 = tk.PhotoImage(file='./动作/走.gif')label_img.configure(image=img_gif0) label_img.place(x=30, y=120)button = tk.Button(top, text='Prediction', command=change_img)  # 设置按钮
button.place(x=90, y=330)top.mainloop()

在这里我直接重写了label_img，但是实际效果是

问号.gif能够正常显示，

点击按钮后，走.gif无法显示

实际切换图片，应该用configure实现

正确的操作如下

import tkinter as tk
top = tk.Tk()top.title("划水摸鱼")  # 设置窗口
width = 260
height = 500
top.geometry(f'{width}x{height}')  # 设置窗口大小img_gif = tk.PhotoImage(file='./动作/问号.gif')  # 设置图片
img_gif0 = tk.PhotoImage(file='./动作/走.gif')label_img = tk.Label(top, image=img_gif)  # 设置预显示图片
label_img.place(x=30, y=120)def change_img():label_img.configure(image=img_gif0)  # 设置按钮事件button = tk.Button(top, text='Prediction', command=change_img)  # 设置按钮
button.place(x=90, y=330)top.mainloop()

具体效果

点击按钮后

tkinter点击按钮实现图片的切换相关推荐

jQuery如何通过点击按钮实现图片的切换，和超链接地址的跳转？
点击一张图片更换为另一张图片: <script type="text/javascript" src=" ...
ImageButton点击按钮改变图片
一.ImageButton点击按钮改变图片 **************************ImageButton点击按钮改变图片有两种写法*************************** ...
python tkinter 点击按钮选择文件，返回文件路径
关于python tkinter 点击按钮选择文件,返回文件路径,这个方法我找了好几天,终于曲线救国实现了首先分为两步 1.设计对话框选择文件下面的代码搞了好几天,才发现全局变量的获取,必须放在r ...
Viewer.js点击按钮放大图片用法
1.Viewer.js点击按钮放大图片用法 <div onclick="getHideBig('hide_img_weight1')" id="btn_img_we ...
Tkinter(二) ｜点击按钮显示图片
解决办法: 出现的问题 from tkinter import * from PIL import Image, ImageTkroot = Tk() root.title('按钮点击加载图片') d ...
java点击按钮隐藏图片6_原生JS实现隐藏显示图片 JS实现点击切换图片效果
今天要说的内容,看标题就都能知道了!所有知识点一览无遗啊!咱们今天的东西,是纯纯的原生JS代码, 我先说一下要求: 1.有两个按钮,内容为显示,和换, 2.当点击显示的时候,按钮文字变成隐藏,同时图片 ...
PHP js 点击按钮切换模版,javascript点击按钮实现隐藏显示切换效果_javascript技巧...
本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此 ...
html点按钮展开图片,案例：点击按钮隐藏图片再次点击显示图片
要求如题,本宝宝的代码如下: Document .hide{ display: none; } 隐藏图片 function fn(){ var img=document.getElementById( ...
js 点击按钮或者图片，实现图片上传以及将图片显示在页面上
点击图片本身,实现图片上传: 1.html页面 <div class="card">// 用于接受上传的图片<img src="img.jpg&quo ...

tkinter点击按钮实现图片的切换

tkinter点击按钮实现图片的切换相关推荐

最新文章

热门文章