User Tools

Site Tools


Sidebar


Introduction


Basic Tutorials


Advance Tutorials


Useful Techniques


Examples

  • Simple Pipe Weight Calculator
  • Unit Convertor

Sidebar

tutorial:gui

This is an old revision of the document!


GUI Application

ย่อมาจาก Graphic User Interface Application หรือ Form-Based Application คือ โปรแกรมที่มีการแสดงผลบนหน้าจอที่มากกว่า Console Application (หน้าจอมืดๆแบบ DOS) เช่น โปรแกรม Microsoft Office รวมไปถึง โปรแกรมหลายๆโปรแกรมที่เราใช้งานในปัจจุบัน

GUI Application ถือว่าเป็นไม้เด็ดจาก Lazarus IDE เพราะ สร้างได้ไม่ยาก ไม่ซับซ้อน ใช้งานได้รวดเร็ว ซึ่งในบทนี้ผมจะมาสอนวิธีการเขียน GUI Application อย่างง่ายให้ดูครับ

Program#1 HelloWorld on Form1:

ตัวอย่างนี้เป็นการสร้างโปรแกรมที่มี LCL ชนิดที่เป็น Form และ Button อย่างละ 1 ตัว โดยตัวโปรแกรมจะทำงานเมื่อเรากดปุ่ม “Show Hello” และแสดงคำว่า “Hello World” บน Form1

1. เปิดโปรแกรม Lazarus IDE ขึ้นมา จะเจอ Project ที่เป็น Form Application ซึ่ง คือ Form1 และ Source Code เริ่มต้นดังนี้
หมายเหตุ - ถ้าไม่เจอสามารถสร้างขึ้นเองได้จากการเลือกเมนู Project » New Project .. » Application)

จะสังเกตว่า Form1 ของเรา อยู่ในรูปแบบของ Unit นั่นเอง ไม่ใช่รูปแบบ Program

2. กดเลือก LCL ที่ชื่อ TButton (ข้างบนเหนือ Source Editor) แล้วมาคลิ๊กที่ Form1 จะเป็นการแปะ Button1 ลงไปบน Form1 ให้สังเกตว่า Source Code จะเปลี่ยนแปลง เนื่องจากมีการเพิ่ม Source Code ที่เกี่ยวกับ TButton เข้ามาใน Form1

3. เปลี่ยนคำที่แสดงบน Button1 ให้เป็นคำว่า “Show Hello”

tutorial/gui.1548653584.txt.gz · Last modified: 2019/01/28 12:33 by admin