programming and database day 4 Python Tkinter Layout form

    1. file ประกอบการสอน Python Layout Tkinter
    2. visual studio code แล้วดูว่ายังอยู่ในฟอรเดอร์ python หรือไม่ ถ้าอยู่แล้วก็ไป step ต่อไป
    3. ทำการ new file
    4. เข้าไปแก้ไขโค้ดในไฟล์ PyLayout.py
      import tkinter as tk #ประกาศเรียกใช้ lib ใช้สร้างฟอร์ม
      
      tee=tk.Tk() #การประกาศตัวแปรมารับ เพื่อเรียกใช้งาน lib tk
      tee.title("test layout") #สร้าง title หัวข้อบนฟอร์ม
      
      #ประกาศ form มีขนาด กว้าง 400px สูง 300px
      tee.geometry("400x300") 
      
      #เรียกแสดงผล form
      tee.mainloop()

5. Layout แบบ pack()

 

import tkinter as tk #ประกาศเรียกใช้ lib ใช้สร้างฟอร์ม

tee=tk.Tk() #การประกาศตัวแปรมารับ เพื่อเรียกใช้งาน lib tk
tee.title("test layout") #สร้าง title หัวข้อบนฟอร์ม

#------- Layout Pack  ----------
#create label
tk.Label(tee,text="บน").pack() 
tk.Label(tee,text="กลาง").pack() 
tk.Label(tee,text="ล่าง").pack() 


#ประกาศ form มีขนาด กว้าง 400px สูง 300px
tee.geometry("400x300") 

#เรียกแสดงผล form
tee.mainloop()


ถ้าต้องการแสดงผลแบบระบุตำแหน่งใน pack สามารถระบุเป็นทิศลงไปใน properties anchor ดังภาพ

 

import tkinter as tk #ประกาศเรียกใช้ lib ใช้สร้างฟอร์ม

tee=tk.Tk() #การประกาศตัวแปรมารับ เพื่อเรียกใช้งาน lib tk
tee.title("test layout") #สร้าง title หัวข้อบนฟอร์ม

#------- Layout Pack  ----------
#create label
tk.Label(tee,text="บน").pack() 
#สั่งให้แสดงผลกลางขวา
tk.Label(tee,text="กลาง").pack(side="right") 
#สั่งให้แสดงผลกลางซ้าย
tk.Label(tee,text="ล่าง").pack(side="left") 
#ถ้าอยากให้ pack แสดงแบบซ้ายบน เราจะใช้ anchor
#anchor คือระบุตำแหน่งว่าอยู่ที่ไหนเหนือใต้ออกตก nswe 
#padx คือขยับไปด้านขวากี่ pixcel ก็ระบุตัวเลขไป 
#pady คือขยับไปด้านบนลงล่างกี่ pixcel ก็ระบุตัวเลขไป 
tk.Label(tee,text="label4",
         bg="yellow",width=150).pack(anchor="nw",padx=50,pady=100) 

#ประกาศ form มีขนาด กว้าง 400px สูง 300px
tee.geometry("400x300") 

#เรียกแสดงผล form
tee.mainloop()


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.