Skip to content

สร้าง GUI ด้วย PySide ตอนที่ 5: Widgets ภาค 3

สวัสดีทุกท่านครับ บทความนี้ต่อจากบทความที่แล้ว สร้าง GUI ด้วย PySide ตอนที่ 5: Widgets ภาค 2 ครับ บทความนี้จะแนะนำ Widgets กันต่ออีกครับ

Widgets ที่จะแนะนำมีดังนี้ครับ

  • QTextEdit   เป็น Widgets สำหรับใช้รับค่าข้อมูลจำนวนมาก อธิบายง่าย ๆ คือ Textarea ครับ
  • QFileDialog  เป็น Widgets สำหรับใช้เปิดไฟล์ครับ

QTextEdit

 เป็น Widgets สำหรับใช้รับค่าข้อมูลจำนวนมากเป็นประโยคยาว ๆ หากเราใช้ QLineEdit จะไม่สะดวกครับ เราจึงต้องใช้ QTextEdit อธิบายง่าย ๆ คือ Textarea ครับ
โค้ดตัวอย่าง

import sys
from PySide.QtCore import *
from PySide.QtGui import *

app = QApplication(sys.argv)
widget = QWidget()
widget.setWindowTitle("QTextEdit มีลักษณะเป็น Textarea") #กำหนดชื่อตรงหัวโปรแกรม
layout = QVBoxLayout()
widget.setLayout(layout)
textEdit = QTextEdit() #เรียกใช้งาน QTextEdit มีลักษณะเป็น Textarea ครับ
layout.addWidget(textEdit)
widget.show() #แสดง
app.exec_()

ผลลัพธ์

QFileDialog

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

import sys
from PySide.QtCore import *
from PySide.QtGui import *

app = QApplication(sys.argv)
widget = QWidget()

fileDialog = QFileDialog()
fileDialog.show()

widget.show()

app.exec_()

ผลลัพธ์

ลองนำไปประยุกต์การใช้งานกับการเขียนโปรแกรมนะครับ
ติดตามบทความต่อไปนะครับ 🙂
ขอบคุณครับ

    Published on Categories GUI, PySide

    About wannaphong

    วรรณพงษ์ ภัททิยไพบูลย์ ผู้ดูแลเว็บ wannaphong.com และผู้เขียนบทความบล็อกนี้ นักศึกษาชั้นปีที่ 1 สาขาวิทยาการคอมพิวเตอร์และสารสนเทศ คณะวิทยาศาสตร์ประยุกต์และวิศวกรรมศาสตร์ มหาวิทยาลัยขอนแก่น วิทยาเขตหนองคาย

    4 thoughts on “สร้าง GUI ด้วย PySide ตอนที่ 5: Widgets ภาค 3

    1. wannaphong

      ตอนต่อไป เราจะมาเริ่มเขียนโปรแกรมกันต่อครับ
      ปล. ไม่รู้ว่า Widgets หมดยังครับ -..- Qt มี Widgets เยอะมากครับ เรื่อง Widgets ผมขอหยุดแค่นี้ครับ

      Reply
      1. wannaphong

        ผมก็คิดแบบนั้นเหมือนกันครับ - - " ผมเขียนยกตัวอย่างโค้ดพอให้เห็นภาพการนำไปใช้งานจริงครับ

        Reply
    2. SKGoC

      อ่านแล้วเข้าใจง่ายดีออกครับ มีรูปมีโค๊ดมีคอมเม้น

      Reply

    ใส่ความเห็น

    อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *