Смена картинки по клику

@Veniamin_12 · Регистрация: 15.02.2023

Студворк — интернет-сервис помощи студентам

Добрый день! В папке есть картинки(bmp), необходимо вывести картинки так, что бы на нажатие левой кнопки они листались в одну сторону, а при нажатии правой в другую! Пробовал через Tkinter, но не получилось!

@Fervuld · 15.02.2023, 10:33

можно поподробнее?
я так понял, нужно написать что-то вроде просмотрщика изображений? Через tkinter делается всё элементарно

@Veniamin_12 · 15.02.2023, 10:42 **[ТС]**

Да вроде просмотрщика!

@Fervuld · 15.02.2023, 12:31

ну щас попробую забацать просмотрщик на tkinter + PIL. Погоди немного

Добавлено через 1 час 5 минут
Вот, попробуй. Скрипт кидай в папку с картинками, либо в верхнем меню выбери "открыть файл", и выбери нужное изображение. Я не стал заморачиваться с расположением кнопок, сам расставь как нужно

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
import tkinter
import os
import os.path
from tkinter import ttk
import tkinter.messagebox
import tkinter.filedialog
from PIL import Image, ImageTk
 
 
class App():
    """просмотрщик изображений"""
    def __init__(self, path=None):
        self.path = path
        self.image = None
        self.imgs = []
        self._counter = 0
        self.create_window()
        self.create_user_elements()
        self.scan_images()
        if self.imgs != []:
            self.load_file(self.imgs[self._counter])
        else:
            tkinter.messagebox.showerror(title="ошибка", message='в каталоге не обнаружено изображений!')
        self.window.mainloop()
 
 
    def create_window(self):
        self.window = tkinter.Tk()
        self.window.minsize(320, 320)
        self.window.title("ImageViewer")
        self.window.grid_rowconfigure(0, weight=1)
        self.window.grid_columnconfigure(0, weight=1)
        self.main_frame = tkinter.Frame(self.window)
        self.main_frame.grid_rowconfigure(0, weight=1)
        self.main_frame.grid_columnconfigure(0, weight=1)
 
        self.main_frame.grid(sticky="w, n, e, s", row=0)
 
    def create_user_elements(self):
        self.menu = tkinter.Menu(self.main_frame)
        self.window.config(menu=self.menu)
        self.cascade_files = tkinter.Menu(self.menu, tearoff=0)
 
        self.menu.add_cascade(label='Файл', menu=self.cascade_files)
 
        self.cascade_files.add_command(label='Открыть',
                 command=self.open_file)
        self.cascade_files.add_separator()
        self.cascade_files.add_command(label='Выйти',
                 command=exit)
        #кнопки
        self.btn_next = tkinter.Button(self.window, text='->', command=self._next, bg='lightgreen')
        self.btn_next.grid(sticky='se', row=1, column=0)
        self.btn_prev = tkinter.Button(self.window, text='<-', command=self._prev, bg='lightgreen')
        self.btn_prev.grid(sticky='sw', row=1, column=0)
        #канвас
        self.canvas = tkinter.Canvas(self.main_frame)
        self.canvas.grid(sticky='swen', row=0, column=0)
        #нижняя инфо-панель
        self.info_panel = tkinter.Label(self.window, font=('Calibri', 8, 'bold'), width=1, anchor='w')
        self.info_panel.grid(row=2, column=0, sticky="w, e")
        #захват для изменения размера окна
        self.sizegrip = tkinter.ttk.Sizegrip(self.window)
        self.sizegrip.grid(row=2, column=0, sticky='e, s')
 
    def scan_images(self):
        imgs_extensions = [".jpg",".bmp",".gif",".png"]
        for img in os.listdir():
            extension = os.path.splitext(img)[1]
            if extension.lower() in imgs_extensions:
                self.imgs.append(img)
 
    def print_to_info_panel(self):
        if self.path != None:
            text = "[%s]  " %self.file_name
            self.info_panel.configure(text=text)
 
    def open_file(self):
        filename = tkinter.filedialog.askopenfilename()
        if filename != '':
            self._counter = 0
            self.path = os.path.split(filename)[0]
            os.chdir(self.path)
            self.imgs = []
            self.scan_images()
            self.load_file(self.imgs[self._counter])
 
    def _next(self):
        if self._counter < len(self.imgs)-1:
            self._counter += 1
        else:
            self._counter = 0
        self.load_file(self.imgs[self._counter])
    def _prev(self):
        if self._counter > 0:
            self._counter -= 1
        else:
            self._counter = len(self.imgs)-1
        self.load_file(self.imgs[self._counter])
 
 
    def load_file(self, filename=""):
        self.image = None
        if os.path.isfile(filename):
            self.pillow_image = Image.open(filename)
            self.image = ImageTk.PhotoImage(self.pillow_image)
        self.file_name = os.path.split(filename)[-1]
        self.print_to_info_panel()
        self.draw_image()
 
    def draw_image(self):
        #распологаю изображение в середине канваса
        center_x = 0
        center_y = 0
        #центрирую изображение, если оно меньше минимальных размеров окна
        if self.image.width() < 320:
            center_x = 320//2-self.image.width()//2
        if self.image.height() < 320:
            center_y = 320//2-self.image.height()//2
 
        self.canvas.create_image(center_x+self.image.width()//2, center_y+self.image.height()//2, image=self.image)
        self.window.geometry("%sx%s" %(self.image.width(), self.image.height()+25))
    
 
if __name__ == "__main__":
    app = App(path=os.getcwd())
 
'''
HotKeys:
 
'''

Добавлено через 42 минуты
и тут используется модуль PIL. Если его у тебя нет, набери в командной строке

Code
1
pip install PIL

Можно конечно добавить масштабирование, но это нужно время. В общем, если что-то не работает, пиши, поправим)

@Veniamin_12 · 15.02.2023, 13:14 **[ТС]**

Спасибо Вам огромное! Но есть пару вопросов:
1 - При попытке установить Pil (ERROR: Could not find a version that satisfies the requirement PIL (from versions: none)
ERROR: No matching distribution found for PIL)
2- Программа должна быть максимально простой
3- Картинки всегда в одном разрашении, canvas всегда одного размера с картинкой.
4- Меню не надо, просто чистая картинка на весь канвас, и при нажатии ЛКМ листается вперед, а при нажатии ПКМ - назад!

@Fervuld · 15.02.2023, 15:51

попробуй:

Code
1
pip install Pillow

Ну программа и так почти максимально простая получилась. Щас уберу верхнюю менюшку.
Какое разрешение изображений? Я задам canvas'у фиксированный размер.

@Veniamin_12 · 15.02.2023, 15:58 **[ТС]**

Менюшку я верхнюю удалил, canvas тоже поправил!
Единственное, что осталось, это кнопки исправить, физических кнопок быть не должно, просто нажатие ЛКМ и ПКМ в любом месте экрана - и должна происходить смена картинки либо вперед, либо назад.

@Fervuld · 15.02.2023, 16:01

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import tkinter
import os
import tkinter.messagebox
from PIL import Image, ImageTk
 
class App():
    """просмотрщик изображений"""
    def __init__(self, path=None):
        self.path = path
        self.image = None
        self.imgs = [] #сюда сохраняются названия и пути к найденным изображениям
        self._counter = 0
        self.create_window() #создаю окно приложения
        self.scan_images() #сканирую изображения в данной папке
        if self.imgs != []: #загружаю первое попавшееся изображение
            self.load_file(self.imgs[self._counter])
        else:
            #если изображений в папке нет, вывожу окно с информацией
            tkinter.messagebox.showerror(title="ошибка", message='в каталоге не обнаружено изображений!')
        self.window.mainloop()
 
 
    def create_window(self):
        self.window = tkinter.Tk()
        self.window.minsize(160, 160)
        self.window.title("ImageViewer")
        self.window.grid_rowconfigure(0, weight=1)
        self.window.grid_columnconfigure(0, weight=1)
        self.main_frame = tkinter.Frame(self.window)
        self.main_frame.grid_rowconfigure(0, weight=1)
        self.main_frame.grid_columnconfigure(0, weight=1)
        self.main_frame.grid(sticky="w, n, e, s", row=0)
        self.window.bind("<Button-1>", self._next)
        self.window.bind("<Button-3>", self._prev)
        #канвас
        self.canvas = tkinter.Canvas(self.main_frame)
        self.canvas.grid(sticky='swen', row=0, column=0)
 
    def scan_images(self):
        '''сканирую изображения в папке'''
        imgs_extensions = [".jpg",".bmp",".gif",".png"]
        for img in os.listdir():
            extension = os.path.splitext(img)[1]
            if extension.lower() in imgs_extensions:
                self.imgs.append(img)
 
    def _next(self, event):
        '''листаю вперёд'''
        if self._counter < len(self.imgs)-1:
            self._counter += 1
        else:
            self._counter = 0
        self.load_file(self.imgs[self._counter])
 
    def _prev(self, event):
        '''листаю назад'''
        if self._counter > 0:
            self._counter -= 1
        else:
            self._counter = len(self.imgs)-1
        self.load_file(self.imgs[self._counter])
 
 
    def load_file(self, filename):
        '''загружаю изображение с именем filename'''
        self.image = None
        if os.path.isfile(filename):
            self.pillow_image = Image.open(filename)
            self.image = ImageTk.PhotoImage(self.pillow_image)
        self.file_name = os.path.split(filename)[-1]
        self.draw_image()
 
    def draw_image(self):
        #распологаю изображение в канвасе
        self.canvas.create_image(self.image.width()//2, self.image.height()//2, image=self.image)
        self.window.geometry("%sx%s" %(self.image.width(), self.image.height()))
    
 
if __name__ == "__main__":
    app = App(path=os.getcwd())

Добавлено через 40 секунд
вот. убрал кнопки, сделал перелистывание картинок по клику мыши. сделал нормальный canvas

@Veniamin_12 · 15.02.2023, 16:09 **[ТС]**

Благодарю!

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@Veniamin_12 0 / 0 / 0 Регистрация: 15.02.2023 Сообщений: 5

	Смена картинки по клику 15.02.2023, 10:13. Показов 1399. Ответов 8 Метки картинки, клик, мышь, папка (Все метки) Добрый день! В папке есть картинки(bmp), необходимо вывести картинки так, что бы на нажатие левой кнопки они листались в одну сторону, а при нажатии правой в другую! Пробовал через Tkinter, но не получилось! 0

@Fervuld 52 / 9 / 4 Регистрация: 17.12.2018 Сообщений: 17
	15.02.2023, 10:33
	можно поподробнее? я так понял, нужно написать что-то вроде просмотрщика изображений? Через tkinter делается всё элементарно 0

@Veniamin_12 0 / 0 / 0 Регистрация: 15.02.2023 Сообщений: 5
	15.02.2023, 10:42 [ТС]
	Да вроде просмотрщика! 0

@Veniamin_12 0 / 0 / 0 Регистрация: 15.02.2023 Сообщений: 5
	15.02.2023, 13:14 [ТС]
	Спасибо Вам огромное! Но есть пару вопросов: 1 - При попытке установить Pil (ERROR: Could not find a version that satisfies the requirement PIL (from versions: none) ERROR: No matching distribution found for PIL) 2- Программа должна быть максимально простой 3- Картинки всегда в одном разрашении, canvas всегда одного размера с картинкой. 4- Меню не надо, просто чистая картинка на весь канвас, и при нажатии ЛКМ листается вперед, а при нажатии ПКМ - назад! 0

@Veniamin_12 0 / 0 / 0 Регистрация: 15.02.2023 Сообщений: 5
	15.02.2023, 15:58 [ТС]
	Менюшку я верхнюю удалил, canvas тоже поправил! Единственное, что осталось, это кнопки исправить, физических кнопок быть не должно, просто нажатие ЛКМ и ПКМ в любом месте экрана - и должна происходить смена картинки либо вперед, либо назад. 0

@Veniamin_12 0 / 0 / 0 Регистрация: 15.02.2023 Сообщений: 5
	15.02.2023, 16:09 [ТС]
	Благодарю! 0

Смена картинки по клику

Решение