Question

1. Створіть вікно, яке має 250 пікселів висоти і 500 пікселів ширини
2. Ромістіть дві кнопки і два написа з такими властивостями:
Для першої кнопки:
ширина – 20 символів;
висота – 2 символи;
колір фону – білий;
колір символів – синій;
текст на кнопці – Кнопка проєкту.
Для другої кнопки:
ширина – 10 символів;
висота – 2 символи;
колір фону – жовтий;
колір символів – червоний;
текст на кнопці – 8 клас.
відступ зверху - 20
Для першого напису:
колір символів – сірий;
шрифт символів – Arial 14.
текст у написі – своє ім'я;
Для другого напису:
колір символів – зелений;
шрифт символів – Arial 14.
текст у написі – своє прізвище;
відступ зверху - 10
3. При наведені миші на другий напис, перша кнопка має розміститись в лівий верхній куток
4. При кліку лівої кнопки миші на першому написі, друга кнопка має розміститись в правому верхньому кутку
5. При кліку першої кнопки обидва написи міняють колір фону на сірий, а колір шрифта стає білим

Answer 1

Ответ:

Для виконання завдання можна скористатись мовою програмування, яка надає функціональні можливості для створення графічного інтерфейсу користувача, наприклад, Python з бібліотекою Tkinter.

Нижче подано приклад коду, який створює вікно з вказаними параметрами і розміщує на ньому кнопки і написи з вказаними властивостями:

import tkinter as tk

# Створення вікна

window = tk.Tk()

window.title("Мій проєкт")

window.geometry("500x250")

# Створення першої кнопки

button1 = tk.Button(window, text="Кнопка проєкту", width=20, height=2, bg="white", fg="blue")

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

# Створення другої кнопки

button2 = tk.Button(window, text="8 клас", width=10, height=2, bg="yellow", fg="red")

button2.grid(row=0, column=1, pady=20)

# Створення першого напису

label1 = tk.Label(window, text="Своє ім'я", fg="gray", font=("Arial", 14))

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

# Створення другого напису

label2 = tk.Label(window, text="Своє прізвище", fg="green", font=("Arial", 14))

label2.grid(row=2, column=0, pady=10)

# Функція, яка змінює колір фону та тексту написів при кліку на першу кнопку

def change_color():

label1.config(bg="gray", fg="white")

label2.config(bg="gray", fg="white")

# Функція, яка переміщує першу кнопку в лівий верхній куток при наведенні на другий напис

def move_button(event):

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

# Функція, яка переміщує другу кнопку в правий верхній куток при кліку на перший напис

def move_button2(event):

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

# Приєднання функцій до подій

label2.bind("<Enter>", move_button)

label1.bind("<Button-1>", move_button2)

button1.config(command=change_color)

# Запуск циклу подій

window.mainloop()

Объяснение:

Після запуску цього коду на екрані з'явиться вікно з двома кнопками та двома написами з властивостями, які були вказані в завданні