Python学習: Day 31Window, Canvas

2024年3月末までの目標🌕！

- Udemyの100 Days of Codeを完了
- おまけに欲張ってCISSP資格を取得し、Cyber Security分野に転向


私の使ってる学習素材です📚。アンジェラねーさんには足向けて寝れませんッ。

100 Days of Code: The Complete Python Pro Bootcamp

今日のPlaylist:

始めはWindowとCanvasを作成する。
card_front_img = PhotoImage(file="images/card_front.png")と動画ではあったけど、私はpngを直接ロードしたので、ファイル名(images）を書かなくてもオッケー。これがわからず、ずーっとimages/をつけていたので、”ファイルが見つかりません”のエラーが出て理由がわからず泣きそうだった😥。（あほや～）

from tkinter import *

BACKGROUND_COLOR = "lightblue"

window = Tk()
window.title("Flashy")
window.config(padx=50, pady=50, bg=BACKGROUND_COLOR)

canvas = Canvas(width=800, height=526)
card_front_img = PhotoImage(file="card_front.png")
canvas.create_image(400, 263, image=card_front_img)
canvas.grid(row=0, column=0)

window.mainloop()

今度はWrong/ Rightのボタンを作りimagesとリンクする。
crossイメージは間違い（wrong）の時。
checkイメージは正解(right)の時。
gridも指定し、オッケー👌！

canvas.create_text(400, 150, text="Title", font=("Ariel", 40, "italic"))
canvas.create_text(400,263, text="word", font=("Ariel", 60, "bold"))
canvas.config(bg=BACKGROUND_COLOR, highlightthickness=0)
canvas.grid(row=0, column=0)

cross_image = PhotoImage(file="wrong.png")
unknown_button = Button(image=cross_image)
unknown_button.grid(row=1, column=0)

check_image = PhotoImage(file="right.png")
known_button = Button(image=check_image)
known_button.grid(row=1, column=1)

すると、こんな画面が作成できる。

バックグランドをピンクにしてみた

今日はここまで。あすはフランス語と英語のflashカード作りだ～。