🧩 หน่วยที่ 3 EP.3: ต่อบล็อกสร้างสมองให้แอปพลิเคชัน

Blocks Editor & App Logic

ออกแบบหน้าจอ (Designer) เสร็จแล้ว แต่ถ้าเราลองกดปุ่มบวก ลบ คูณ หาร ดู... มันจะยังไม่มีอะไรเกิดขึ้นครับ! เพราะแอปพลิเคชันของเรา "ยังไม่มีสมอง" ให้คลิกที่ปุ่ม Blocks ที่มุมขวาบนของหน้าจอ เพื่อเข้าสู่โลกของการเขียนคำสั่งกันเลยครับ!

🧠 1. หน้าต่าง Blocks (Blocks Editor)

ที่หน้าต่างนี้ เราจะใช้วิธีการเขียนโปรแกรมแบบ Block Programming หรือการลากชิ้นส่วนคำสั่งมาต่อกันเหมือนจิ๊กซอว์ โดยแถบเครื่องมือด้านซ้ายมือจะถูกแบ่งออกเป็น 2 ส่วนหลักๆ คือ:

⚡ 2. เริ่มต้นด้วย "เหตุการณ์" (Event Handling)

แอปพลิเคชันส่วนใหญ่ทำงานแบบ "ตอบสนองต่อเหตุการณ์" (Event-driven) หมายความว่า มันจะรอจนกว่าผู้ใช้จะทำอะไรสักอย่าง (เช่น กดปุ่ม) มันถึงจะเริ่มคิดเลขครับ

📥 3. ดูดข้อมูล (Get) และ ส่งข้อมูล (Set)

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

• บล็อก Getter (สีเขียวอ่อน): TextBox1 .Text ใช้สำหรับ "ดูด" ข้อความที่อยู่ในกล่องนั้นออกมา
• บล็อก Setter (สีเขียวเข้ม): set TextBox3 .Text to ใช้สำหรับ "เปลี่ยน" ข้อความในกล่องนั้นให้เป็นสิ่งที่เราต้องการ

➕ 4. ประกอบร่างสมอง "เครื่องคิดเลข"

มาลองนำบล็อกทั้งหมดมาต่อกัน เพื่อสร้างคำสั่งให้ "ปุ่มบวก" ทำงานกันครับ! โดยหลักการคือ:
เมื่อปุ่มบวกถูกคลิก -> ให้เปลี่ยนข้อความในกล่องผลลัพธ์ -> เป็นผลลัพธ์ของ (กล่องที่ 1 + กล่องที่ 2)