Файл: Создание соего первого графического интерфейса.docx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 12.12.2023

Просмотров: 28

Скачиваний: 1

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Tkinter — библиотека, необходимо ее установить.

Создание соего первого графического интерфейса

Для начала, следует импортировать Tkinter и создать окно, в котором мы зададим его название:

from tkinter import *

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.mainloop()

Результат будет выглядеть следующим образом:


Прекрасно! Наше приложение работает.
Последняя строка вызывает функцию mainloop. Эта функция вызывает бесконечный цикл окна, поэтому окно будет ждать любого взаимодействия с пользователем, пока не будет закрыто.

В случае, если вы забудете вызвать функцию mainloop , для пользователя ничего не отобразится.

Создание виджета Label

Чтобы добавить текст в наш предыдущий пример, мы создадим lbl , с помощью класса Label, например:

lbl = Label(window, text="Привет")

Затем мы установим позицию в окне с помощью функции grid и укажем ее следующим образом:

lbl.grid(column=0, row=0)

Полный код, будет выглядеть следующим образом:

from tkinter import *

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

lbl = Label(window, text="Привет")

lbl.grid(column=0, row=0)

window.mainloop()

И вот как будет выглядеть результат:


Если функция grid не будет вызвана, текст не будет отображаться.

Настройка размера и шрифта текста

Вы можете задать шрифт текста и размер. Также можно изменить стиль шрифта. Для этого передайте параметр font таким образом:

lbl = Label(window, text="Привет", font=("Arial Bold", 50))



Обратите внимание, что параметр font может быть передан любому виджету, для того, чтобы поменять его шрифт, он применяется не только к Label.

Отлично, но стандартное окно слишком мало. Как насчет настройки размера окна?

Настройка размеров окна приложения

Мы можем установить размер окна по умолчанию, используя функцию 
geometry следующим образом:

window.geometry('400x250')

В приведенной выше строке устанавливается окно шириной до 400 пикселей и высотой до 250 пикселей.

Попробуем добавить больше виджетов GUI, например, кнопки и посмотреть, как обрабатывается нажатие кнопок.

Добавление виджета Button

Начнем с добавления кнопки в окно. Кнопка создается и добавляется в окно так же, как и метка:

btn = Button(window, text="Не нажимать!")

btn.grid(column=1, row=0)

Наш код будет выглядеть вот так:

from tkinter import *

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

lbl = Label(window, text="Привет", font=("Arial Bold", 50))

lbl.grid(column=0, row=0)

btn = Button(window, text="Не нажимать!")

btn.grid(column=1, row=0)

window.mainloop()

Результат будет следующим:
Обратите внимание, что мы помещаем кнопку во второй столбец окна, что равно 1. Если вы забудете и поместите кнопку в том же столбце, который равен 0, он покажет только кнопку.

Изменение цвета текста и фона у Button

Вы можете поменять цвет текста кнопки или любого другого виджета, используя свойство fg.
Кроме того, вы можете поменять цвет фона любого виджета, используя свойство bg.

btn = Button(window, text="Не нажимать!", bg="black", fg="red")

Теперь, если вы попытаетесь щелкнуть по кнопке, ничего не произойдет, потому что событие нажатия кнопки еще не написано.

Кнопка Click

Для начала, мы запишем функцию, которую нужно выполнить при нажатии кнопки:

def clicked():

lbl.configure(text="Я же просил...")

Затем мы подключим ее с помощью кнопки, указав следующую ​​функцию:

btn = Button(window, text="Не нажимать!", command=clicked)

Обратите внимание: мы пишем clicked, а не clicked()с круглыми скобками. Теперь полный код будет выглядеть так:

from tkinter import *

def clicked():

lbl.configure(text="Я же просил...")

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

lbl = Label(window, text="Привет", font=("Arial Bold", 50))

lbl.grid(column=0, row=0)

btn = Button(window, text="Не нажимать!", command=clicked)

btn.grid(column=1, row=0)

window.mainloop()

При нажатии на кнопку, результат, как и ожидалось, будет выглядеть следующим образом:



Получение ввода с использованием класса Entry (текстовое поле Tkinter)

В предыдущих примерах GUI Python мы ознакомились со способами добавления простых виджетов, а теперь попробуем получить пользовательский ввод, используя класс Tkinter Entry (текстовое поле Tkinter).
Вы можете создать текстовое поле с помощью класса Tkinter Entry следующим образом:

txt = Entry(window, width=10)

Затем вы можете добавить его в окно, используя функцию grid.
Наше окно будет выглядеть так:

from tkinter import *

def clicked():

lbl.configure(text="Я же просил...")

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

lbl = Label(window, text="Привет")

lbl.grid(column=0, row=0)

txt = Entry(window,width=10)

txt.grid(column=1, row=0)

btn = Button(window, text="Не нажимать!", command=clicked)

btn.grid(column=2, row=0)

window.mainloop()

Полученный результат будет выглядеть так:
Теперь, если вы нажмете кнопку, она покажет то же самое старое сообщение, но что же будет с отображением введенного текста в виджет Entry?

Во-первых, вы можете получить текст ввода, используя функцию get. Мы можем записать код для выбранной функции таким образом:

def clicked():

res = "Привет {}".format(txt.get())

lbl.configure(text=res)

Если вы нажмете на кнопку — появится текст «Привет » вместе с введенным текстом в виджете записи. Вот полный код:

from tkinter import *

def clicked():

res = "Привет {}".format(txt.get())

lbl.configure(text=res)

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

lbl = Label(window, text="Привет")

lbl.grid(column=0, row=0)

txt = Entry(window,width=10)

txt.grid(column=1, row=0)

btn = Button(window, text="Клик!", command=clicked)

btn.grid(column=2, row=0)

window.mainloop()

Запустите вышеуказанный код и проверьте результат:


Каждый раз, когда мы запускаем код, нам нужно нажать на виджет ввода, чтобы настроить фокус на ввод текста, но как насчет автоматической настройки фокуса?

Установка фокуса виджета ввода

Здесь все очень просто, ведь все, что нам нужно сделать, — это вызвать функцию focus:

txt.focus()

Когда вы запустите свой код, вы заметите, что виджет ввода в фокусе, который дает возможность сразу написать текст.

Отключить виджет ввода

Чтобы отключить виджет ввода, отключите свойство состояния:

txt = Entry(window,width=10, state='disabled')


Теперь вы не сможете ввести какой-либо текст.

Добавление виджета Combobox

Чтобы добавить виджет поля с выпадающем списком, используйте класс Combobox из ttk следующим образом:

from tkinter.ttk import Combobox

combo = Combobox(window)

Затем добавьте свои значения в поле со списком.

from tkinter import *

from tkinter.ttk import Combobox

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

combo = Combobox(window)

combo['values'] = (1, 2, 3, 4, 5, "Текст")

combo.current(1) # установите вариант по умолчанию

combo.grid(column=0, row=0)

window.mainloop()

Как видите с примера, мы добавляем элементы combobox, используя значения tuple.
Чтобы установить выбранный элемент, вы можете передать индекс нужного элемента текущей функции.
Чтобы получить элемент select, вы можете использовать функцию get вот таким образом:

combo.get()

Добавление виджета Checkbutton (чекбокса)

С целью создания виджета checkbutton, используйте класс Checkbutton:

from tkinter.ttk import Checkbutton

chk = Checkbutton(window, text='Выбрать')

Кроме того, вы можете задать значение по умолчанию, передав его в параметр var в Checkbutton:

from tkinter import *

from tkinter.ttk import Checkbutton

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

chk_state = BooleanVar()

chk_state.set(True) # задайте проверку состояния чекбокса

chk = Checkbutton(window, text='Выбрать', var=chk_state)

chk.grid(column=0, row=0)

window.mainloop()

Посмотрите на результат:


Установка состояния Checkbutton

Здесь мы создаем переменную типа BooleanVar, которая не является стандартной переменной Python, это переменная Tkinter, затем передаем ее классу Checkbutton, чтобы установить состояние чекбокса как True в приведенном выше примере.

Вы можете установить для BooleanVar значение false, что бы чекбокс не был отмечен.
Так же, используйте IntVar вместо BooleanVar и установите значения 0 и 1.

chk_state = IntVar()

chk_state.set(0) # False

chk_state.set(1) # True

Эти примеры дают тот же результат, что и BooleanVar.

Добавление виджетов Radio Button

Чтобы добавить radio кнопки, используйте класс RadioButton:

rad1 = Radiobutton(window,text='Первый', value=1)

Обратите внимание, что вы должны установить value для каждой radio кнопки с уникальным значением, иначе они не будут работать.


from tkinter import *

from tkinter.ttk import Radiobutton

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

rad1 = Radiobutton(window, text='Первый', value=1)

rad2 = Radiobutton(window, text='Второй', value=2)

rad3 = Radiobutton(window, text='Третий', value=3)

rad1.grid(column=0, row=0)

rad2.grid(column=1, row=0)

rad3.grid(column=2, row=0)

window.mainloop()

Результатом вышеприведенного кода будет следующий:
Кроме того, вы можете задать command любой из этих кнопок для определенной функции. Если пользователь нажимает на такую кнопку, она запустит код функции.
Вот пример:

rad1 = Radiobutton(window,text='Первая', value=1, command=clicked)

def clicked():

# Делайте, что нужно

Получение значения Radio Button (Избранная Radio Button)

Чтобы получить текущую выбранную radio кнопку или ее значение, вы можете передать параметр переменной и получить его значение.

from tkinter import *

from tkinter.ttk import Radiobutton

def clicked():

lbl.configure(text=selected.get())

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

selected = IntVar()

rad1 = Radiobutton(window,text='Первый', value=1, variable=selected)

rad2 = Radiobutton(window,text='Второй', value=2, variable=selected)

rad3 = Radiobutton(window,text='Третий', value=3, variable=selected)

btn = Button(window, text="Клик", command=clicked)

lbl = Label(window)

rad1.grid(column=0, row=0)

rad2.grid(column=1, row=0)

rad3.grid(column=2, row=0)

btn.grid(column=3, row=0)

lbl.grid(column=0, row=1)

window.mainloop()

Каждый раз, когда вы выбираете radio button, значение переменной будет изменено на значение кнопки.

Добавление виджета ScrolledText (текстовая область Tkinter)

Чтобы добавить виджет ScrolledText, используйте класс ScrolledText:

from tkinter import scrolledtext

txt = scrolledtext.ScrolledText(window,width=40,height=10)

Здесь нужно указать ширину и высоту ScrolledText, иначе он заполнит все окно.

from tkinter import *

from tkinter import scrolledtext

window = Tk()

window.title("Добро пожаловать в приложение PythonRu")

window.geometry('400x250')

txt = scrolledtext.ScrolledText(window, width=40, height=10)

txt.grid(column=0, row=0)

window.mainloop()

Результат:


Настройка содержимого Scrolledtext

Используйте метод insert, чтобы настроить содержимое Scrolledtext:

txt.insert(INSERT, 'Текстовое поле')

Удаление/Очистка содержимого Scrolledtext

Чтобы очистить содержимое данного виджета, используйте метод delete:

txt.delete(1.0, END) # мы передали координаты очистки