ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

     แม้ว่า Tkinter จะมีเมธอดในการจัดโครงร่างให้เลือกใช้ถึง 3 แบบ แต่การจัดวางวิดเจ็ตก็อาจทำไม่ได้ตามที่เราต้องการเสมอไป โดยเฉพาะอย่างยิ่งในการจัดวางแบบที่ซับซ้อน เราอาจจะใช้ place() ได้แต่ก็อาจจะยุ่งยาก ในการกำหนดพิกัดหรือตำแหน่ง อย่างไรก็ตาม เรายังมีอีกหนึ่งวิธีที่เป็นทางเลือกในการจัดวางวิดเจ็ต นั่นก็คือการใช้เฟรม (Frame) เข้ามาช่วย และในบทเรียนนี้เราจะมาพูดถึงการจัดโครงร่างซ้อนกันด้วยการใช้เฟรมกัน

การจัดโครงร่างซ้อนกันโดยใช้ Frame

     เฟรมก็คือวิดเจ็ตอีกหนึ่งชนิด ที่สามารถใช้เป็นคอนเทนเนอร์ได้เช่นเดียวกัน โดยส่วนใหญ่แล้วเรามักจะใช้ในการแบ่งโครงร่างเป็นส่วนย่อยๆ ก่อน แล้วค่อยนำมาจัดวางบนวินโดว์อีกที หรือเป็นการจัดโครงร่างซ้อนกันนั่นเอง ซึ่งเป็นวิธีที่นิยมกันมาก เพราะสามารถจัดวางวิดเจ็ตที่ซับซ้อนได้ง่ายขึ้น โดยจะมีตัวอย่างการใช้งานดังนี้

from tkinter import *

window = Tk()
window.config(bg='light green')

fm1 = Frame(bg='blue')  #เฟรมที่ 1
fm2 = Frame(bg='green')  #เฟรมที่ 2
fm1.pack(side=LEFT)
fm2.pack(side=LEFT, padx=20)

bt1 = Button(fm1, text='ONE')  #ให้ fm1 เป็นคอนเทนเนอร์
bt2 = Button(fm1, text='TWO')
bt3 = Button(fm1, text='THREE')

bt1.pack(side=TOP)  #วางปุ่มบนเฟรมที่ 1
bt2.pack(side=TOP)
bt3.pack(side=TOP)

btn11 = Button(fm2, text='FIRST')   #ให้ fm2 เป็นคอนเทนเนอร์
btn22 = Button(fm2, text='SECOND')
btn33 = Button(fm2, text='THIRD')

btn11.grid()   #วางปุ่มบนเฟรมที่ 2
btn22.grid(row=0,column=1)
btn33.grid(row=1,column=0)

mainloop()

ผลลัพธ์

ผลลัพธ์การแบ่งเฟรม โดยใช้สีแยก

ผลลัพธ์การแบ่งเฟรม

     และจากตัวอย่างในโค้ดที่เราใช้งาน จะสังเกตุได้ว่าเราสามารถใช้งานเมธอดร่วมกันได้แล้ว โดยจะแบ่งเป็นเฟรมนั่นเอง สำหรับการจัดวางโครงร่างซ้อนกันด้วยเฟรม สามารถประยุกต์ได้อย่างหลากหลายรูปแบบขึ้นอยู่กับความต้องการของผู้พัฒนา เพียงเท่านี้เราก็สามารถใช้เฟรมในการจัดโครงร่างที่ซับซ้อนได้แล้ว

ช่องทางการศึกษาเพิ่มเติม

การจัดโครงร่างด้วยเมธอด pack() ในโมดูล Tkinter

การจัดโครงร่างด้วยเมธอด place() ในโมดูล Tkinter

การจัดโครงร่างด้วยเมธอด grid() ในโมดูล Tkinter

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เขียน PHP กับ Array แบบนี้ ระวัง Error นะ
โดย mindphp ส 28 พ.ย. 2020 2:31 am บอร์ด Programming - PHP
0
3
ส 28 พ.ย. 2020 2:31 am โดย mindphp
โปรแกรม ERP แตกต่างจาก โปรแกรมบัญชีอย่างไร
โดย milk2533 ศ 27 พ.ย. 2020 3:05 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
15
ศ 27 พ.ย. 2020 3:05 pm โดย milk2533
ประโยชน์ ของ ERP
โดย milk2533 ศ 27 พ.ย. 2020 12:59 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
12
ศ 27 พ.ย. 2020 12:59 pm โดย milk2533
เรื่องของเคล็ดลับเก็บเงินหลักแสนสำหรับคนเรา สำคัญอย่างไร
โดย medalezga ศ 27 พ.ย. 2020 12:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
ศ 27 พ.ย. 2020 12:03 pm โดย medalezga
เครื่องตรวจนับสินค้า (EOB)
โดย milk2533 ศ 27 พ.ย. 2020 11:26 am บอร์ด IOT - Internet of things
0
21
ศ 27 พ.ย. 2020 11:26 am โดย milk2533
PHP 8 มาแล้ว มาพร้อมกับ Feature เพียบ ดูหล่อขึ้นเยอะ เร็วขึ้นด้วย
โดย mindphp ศ 27 พ.ย. 2020 12:45 am บอร์ด MindPHP News & Feedback
0
19
ศ 27 พ.ย. 2020 12:45 am โดย mindphp
ปัญหาย้าย โดเมนแล้ว Wordpress แล้ว Login เข้า admin ไม่ได้ Error ERROR for site owner: Invalid domain for site key
โดย mindphp พฤ 26 พ.ย. 2020 11:05 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
17
พฤ 26 พ.ย. 2020 11:34 pm โดย mindphp
การเข้าใช้งานสำหรับลูกค้าเพื่อซื้อห้องพักหรือขายห้องพัก อโกด้า
โดย milk2533 พ 25 พ.ย. 2020 6:43 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
12
พ 25 พ.ย. 2020 6:43 pm โดย milk2533