Visual C# GUI 1

เรามาสร้าง user interface เบื้องต้นกับ Visual C# 2005 กันครับ

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


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


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


และสามารถลบข้อความที่กำลังป้อน พร้อมปุ่มจบการทำงาน

เริ่มต้นด้วย
เลือก Windows Application

จากนั้นออกแบบโปรแกรมให้มีลักษณะดังนี้


โดยกำหนดชื่อแต่ละคอนโทรลดังนี้
กล่องข้อความ ชื่อ txtInput
ปุ่มตกลง ชื่อ bttOK
ปุ่มลบ ชื่อ bttClear
ปุ่มจบการทำงาน ชื่อ bttExit

จากนั้นดับเบิลคลิกที่ปุ่ม ตกลง แล้วเพิ่มรหัสโปรแกรมดังนี้

private void bttOK_Click(object sender, EventArgs e)
{
 string stext = txtInput.Text.Trim();
 if (stext.Length != 0)
  MessageBox.Show("คุณป้อนข้อความว่า " + stext, "ข้อความของคุณ", MessageBoxButtons.OK, MessageBoxIcon.Information);
 else
  MessageBox.Show("คุณไม่ได้ป้อนข้อความใดๆ","ผิดพลาด",MessageBoxButtons.OK,MessageBoxIcon.Error);
}

สำหรับปุ่ม ลบ

private void bttClear_Click(object sender, EventArgs e)
{
 txtInput.Clear(); // จะใช้ txtInput.Text = "" ก็ได้
 txtInput.Focus();
}

สำหรับปุ่ม จบการทำงาน

private void bttExit_Click(object sender, EventArgs e)
{
 Application.Exit();
}

จากนั้นทดลองกดเมนู Debug / Start without Debugging เพื่อดูผลลัพธ์
เสร็จแล้วครับ