ปุ่ม Tkinter

Pum Tkinter



“ภาษาโปรแกรม python ไม่ได้ออกแบบมาเพื่อเขียนโค้ดที่น่าเบื่อเท่านั้น แต่ยังสามารถใช้ในการออกแบบระบบ GUI ได้อีกด้วย tkinter เป็นอินเทอร์เฟซไลบรารีมาตรฐานของ python ที่มีชุดเครื่องมือ GUI (Graphical User Interface) tkinter ย่อมาจาก Tk interface และใช้ในการออกแบบ GUI และรวมอยู่ในการกระจายของ python มาตรฐานทั้งหมด ชุดเครื่องมือ tkinter ประกอบด้วยวิดเจ็ตที่มีประโยชน์มากมาย และปุ่มนี้เป็นหนึ่งในวิดเจ็ตที่ใช้งานง่ายและเรียบง่าย วิดเจ็ตปุ่มช่วยให้ผู้ใช้หลามสามารถออกแบบและรวมปุ่มในโปรแกรมหลามได้ เราจะแสดงวิธีออกแบบและสร้างปุ่มในแอปพลิเคชัน Python ในบทความนี้”

ปุ่ม Tkinter ใน Python

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

ไวยากรณ์ของวิดเจ็ตปุ่มมีดังนี้:








“ปุ่ม” เป็นตัวแปรที่เก็บวิดเจ็ตปุ่ม “คอนเทนเนอร์” เป็นส่วนประกอบหลักในการวางปุ่ม “ตัวเลือก” จะเก็บรายการตัวเลือกที่มีให้สำหรับการออกแบบปุ่มและใช้การจัดรูปแบบแฟนซี



วิดเจ็ตปุ่ม tkinter อาจมีตัวเลือกที่เป็นไปได้สองสามตัวเลือก แต่ตัวเลือกที่พบบ่อยที่สุดมีดังนี้



ตัวเลือก คำนิยาม
เบื้องหลังการทำงาน เปิดใช้งานสีพื้นหลังเมื่อเคอร์เซอร์มาเหนือปุ่ม
Activeforeground เปิดใช้งานสีพื้นหน้าเมื่อเคอร์เซอร์มาเหนือปุ่ม
bd กำหนดความกว้างของเส้นขอบ ค่าเริ่มต้นคือ 2
bg กำหนดสีพื้นหลัง
สั่งการ ดำเนินการฟังก์ชันซึ่งตั้งค่าเป็นต่อการดำเนินการเมื่อคลิกปุ่ม
fg กำหนดสีของข้อความเบื้องหน้า
แบบอักษร กำหนดรูปแบบตัวอักษรสำหรับข้อความ
ความสูง กำหนดความสูงของปุ่ม ให้จำนวนพิกเซลในกรณีของภาพและให้หมายเลขบรรทัดข้อความในกรณีของปุ่มข้อความ
ไฮไลท์สี กำหนดสีโฟกัสเมื่อโฟกัสปุ่ม
ภาพ แสดงภาพบนปุ่ม
ให้เหตุผล ปรับข้อความ; ซ้าย ขวา CENTER
Padx ช่องว่างด้านซ้ายหรือด้านขวาของข้อความ
ข้าวเปลือก การเติมที่ด้านบนหรือด้านล่างของข้อความ
การบรรเทา กำหนดประเภทของเส้นขอบที่ควรนำไปใช้กับปุ่ม เช่น ร่อง ยก เป็นต้น
สถานะ แสดงถึงสถานะของปุ่ม โดยค่าเริ่มต้น จะอยู่ในสถานะ ACTIVE หากต้องการให้ปุ่มไม่ตอบสนอง ให้ตั้งค่าเป็นสถานะปิดการใช้งาน
ขีดเส้นใต้ เปิดใช้งานการขีดเส้นใต้สำหรับข้อความของปุ่มโดยตั้งค่าให้เป็นตัวเลขที่ไม่เป็นค่าลบ โดยค่าเริ่มต้น ค่านี้จะถูกตั้งค่าเป็น -1 ซึ่งหมายความว่าไม่มีการขีดเส้นใต้
ความกว้าง กำหนดความกว้างของปุ่ม ให้จำนวนพิกเซลในกรณีของภาพและให้หมายเลขบรรทัดข้อความในกรณีของปุ่มข้อความ
ความยาวห่อ ตัดข้อความภายในความยาวที่กำหนด

ตัวอย่าง 1

ในตัวอย่างนี้ เราเพิ่งสร้างปุ่มง่ายๆ โดยไม่ต้องใช้การจัดรูปแบบแฟนซี ให้เราดูรหัสด้านล่าง ในตัวอย่างข้างต้น เรานำเข้าไลบรารี tkinter เพื่อใช้ฟังก์ชันในโปรแกรม องค์ประกอบรากสำหรับการแสดงผลถูกสร้างขึ้นด้วย tkinter.Tk() ขนาดของปุ่มถูกกำหนดในฟังก์ชัน geome() หลังจากนั้นจะเรียกฟังก์ชัน 'ปุ่ม' เพื่อสร้างปุ่มที่มีข้อความว่า 'ปุ่มใหม่'





จาก tkinter นำเข้า *
r = Tk ( )
r.เรขาคณิต ( '100x100' )
stick = ปุ่ม ( r ข้อความ = 'ปุ่มใหม่!' , bd = '5' ,
สั่งการ = r.ทำลาย )
stick.pack ( ด้านข้าง = 'สูงสุด' )
r.mainloop ( )



เมื่อคุณเรียกใช้รหัส คุณจะเห็นปุ่มต่อไปนี้บนหน้าจอของคุณ:



ตัวอย่าง 2

ตอนนี้ มาออกแบบปุ่มที่เปิดกล่องข้อความเมื่อคุณคลิก ให้เรามุ่งเน้นไปที่โค้ดด้านล่างแล้วทำความเข้าใจวิธีสร้างกล่องข้อความจากปุ่ม

ในตัวอย่างนี้ เราได้นำเข้าโมดูลที่จำเป็นและกำหนดฟังก์ชัน 'newButton' ที่จะถูกเรียกใช้เมื่อคุณคลิกปุ่ม คำสั่ง “tkinter.Button(r, text = “Click Me!”, command = newButton)” จะสร้างปุ่มที่มีข้อความว่า “Click Me!”

นำเข้า tkinter
นำเข้า tkinter.messagebox
r = tkinter.Tk ( )
def ใหม่ปุ่ม ( ) :
tkinter.messagebox.showinfo ( 'ปุ่มใหม่' , “สวัสดีไพทอน!” )
nb = tkinter.ปุ่ม ( r ข้อความ = 'คลิกฉัน!' , สั่งการ = ปุ่มใหม่ )
nb.pack ( )
r.mainloop ( )



ดูปุ่มด้านล่าง:


เมื่อคุณคลิกที่ปุ่มนี้ “command = newButton” จะถูกดำเนินการ ซึ่งจะเรียกใช้ฟังก์ชัน 'newButton' และเมื่อระบบเข้าสู่ฟังก์ชัน 'newButton' จะพบคำสั่ง tkinter.messagebox.showinfo('New Button', 'Hello Python!') ที่จะสร้างกล่องข้อความด้วย ข้อความ “สวัสดี Python!” และชื่อ 'ปุ่มใหม่' กล่องข้อความได้รับด้านล่าง:


เมื่อคุณกด “ตกลง” กล่องข้อความจะถูกปิด และหากคุณกดปุ่มอีกครั้ง กล่องข้อความจะปรากฏขึ้นอีกครั้ง

ตัวอย่างที่ 3

ในตัวอย่างนี้ เราจะสร้างหลายปุ่มและแสดงข้อความที่แตกต่างกันเมื่อมีการคลิกปุ่ม อ้างถึงรหัสในภาพหน้าจอที่แนบมาด้านล่าง

ที่นี่ คุณจะเห็นว่าเรากำหนด 4 ฟังก์ชัน (ซ้าย ขวา บน และล่าง) หลังจากนำเข้าโมดูลที่จำเป็นและกำหนดขนาดของปุ่ม แต่ละฟังก์ชันจะถูกเรียกใช้เมื่อมีการคลิกปุ่มที่เชื่อมต่ออยู่ ตอนนี้มีการสร้างปุ่ม 4 ปุ่มและวางไว้ที่ด้านซ้าย ด้านขวา บน และด้านล่าง

จาก tkinter นำเข้า *
r = Tk ( )
r.เรขาคณิต ( '200x200' )
def ซ้าย ( ) :
messagebox.showinfo ( 'ปุ่มซ้าย' , 'คลิกปุ่มซ้าย' )
def right ( ) :
messagebox.showinfo ( “ปุ่มขวา” , 'ปุ่มขวาถูกคลิก' )
def ท็อป ( ) :
messagebox.showinfo ( 'ปุ่มบน' , 'ปุ่มบนสุดถูกคลิก' )
def ด้านล่าง ( ) :
messagebox.showinfo ( “ปุ่มล่าง” , 'ปุ่มด้านล่างถูกคลิก' )
b1 = ปุ่ม ( r,ข้อความ = 'ซ้าย' , สั่งการ = ซ้าย, แอกทีฟฟอร์กราวด์ = 'สีแดง' ,
เบื้องหลังการทำงาน = 'สีชมพู' , ข้าวเปลือก = 10 )
b2 = ปุ่ม ( r ข้อความ = 'ถูกต้อง' , สั่งการ = ถูกต้อง เบื้องหน้า = 'สีดำ' ,
เบื้องหลังการทำงาน = 'สีชมพู' , ข้าวเปลือก = 10 )
b3 = ปุ่ม ( r ข้อความ = 'สูงสุด' , สั่งการ = บน, แอกทีฟฟอร์กราวด์ = 'สีน้ำตาล' ,
เบื้องหลังการทำงาน = 'สีชมพู' , ข้าวเปลือก = 10 )
b4 = ปุ่ม ( r ข้อความ = 'ล่าง' , สั่งการ = ด้านล่าง, แอกทีฟฟอร์กราวด์ = 'สีม่วง' ,
เบื้องหลังการทำงาน = 'สีชมพู' , ข้าวเปลือก = 10 )
b1.pack ( ด้านข้าง = LEFT )
b2.pack ( ข้าง = ขวา )



ให้เรารันโค้ด


นี่เป็นวิดเจ็ตแรกที่จะแสดงหลังจากรันโค้ด และเมื่อคุณคลิกปุ่มบนสุด คุณจะเห็นข้อความต่อไปนี้:


หากคุณคลิกปุ่มด้านล่าง คุณจะเห็นกล่องข้อความต่อไปนี้:


หลังจากคลิกที่ปุ่มซ้าย คุณจะเห็นกล่องข้อความดังนี้:


ข้อความต่อไปนี้จะแสดงขึ้นเมื่อคลิกปุ่มขวา

บทสรุป

ในบทความนี้ เราได้เรียนรู้เกี่ยวกับไลบรารียูทิลิตี้ tkinter ของ python และฟังก์ชันที่มีประโยชน์ 'ปุ่ม' ฟังก์ชันปุ่มใช้ในการสร้างและออกแบบปุ่มในโปรแกรมหลาม เราได้แสดงตัวอย่างง่ายๆ เพื่อช่วยให้คุณเข้าใจวิธีใช้ฟังก์ชัน button() ในโปรแกรม python ของคุณ