แสดงบทความที่มีป้ายกำกับ Windows Presentation Foundation แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ Windows Presentation Foundation แสดงบทความทั้งหมด

วันพฤหัสบดีที่ 25 มีนาคม พ.ศ. 2553

simple WPF Application

วันนี้เราจะลองมาเขียน WPF Application ตัวแรกกันนะครับ
เริ่มต้นมา เปิด Visual Studio 2008 SP1 จากนั้นให้เลือก File -> New -> Project
แล้วก็เลือก ชนิดของ project เป็น WPF Application ดังแสดงในภาพ



จากนั้นกด OK ไอ่เจ้า Visual Studio ก็จะทำการสร้าง files ต่างๆ ที่เป็นพื้นฐานให้โดยอัตโนมัติ ดังรูป



จากนั้นเปิดไฟล์ Window1.xaml ขึ้นมา แล้วก็ลาก Button และ Textbox control จาก toolbox ทางด้านซ้ายมือ ดังรูป



หลังจากนั้นให้คลิกที่ Button ที่เราลากมา แล้วกดที่ Icon สีเหลืองที่เป็นรูปสายฟ้า ( Event icon ) จากนั้นให้ดับเบิ้ลคลิก ในช่องที่ด้านหน้าเขียนว่า Click ( หมายถึงว่า เมื่อคลิกปุ่มนี้แล้วจะให้โปรแกรมทำงานอย่างไร )



เมื่อคลิกเสร็จ Visual Studio จะสร้างฟังก์ชันให้้หนึ่งตัว แล้วเหลือพื้นที่ว่างให้เราเขียน code ว่าเมื่อ button ถูกคลิกเราจะให้มันทำอะไร จากนั้นก็เติม code ด้านล่างลงไป แบบนี้

private void button1_Click(object sender, 
    RoutedEventArgs e)
{
    textBox1.Text = "Hello WPF!";
}


ผลลัพธ์ที่ได้คือ ถ้าเรากดคลิกปุ่ม Say Hello! มันจะทำการ เปลี่ยนค่าใน textbox ให้กลายเป็นคำว่า Hello WPF! ตามนี้ครับ


จบบทความนี้ก่อนนะครับ คราวหน้าเราจะมาพูดถึงในรายละเอียดที่มากกว่านี้ โชคดีทุกคนครับ

วันอาทิตย์ที่ 21 มีนาคม พ.ศ. 2553

WPF คืออะไร

WPF ย่อมาจากคำว่า Windows Presentation Foundation เป็นเทคโนโลยีหนึ่งที่ช่วยให้โปรแกรมเมอร์พัฒนาซอฟแวร์ออกมาได้อย่างสวยงาม แล้วก็ง่ายกว่าสมัยก่อนเยอะ ซึ่งจะใช้ .Net framework 3.0 ขึ้นไป
โดยสิ่งที่ Microsoft พยายามจะผลักดันตัวนี้คือ ต้องการสร้าง User Experience (เห็นแล้วตื่นตาตื่นใจ หวือหวา) ตัวอย่าง WPF Application

ถ้าถามว่าเราจะใช้เครื่องมืออะไรในการพัฒนาไอ่เจ้า WPF ตัวนี้ ผมขอแนะนำ Visual Studio 2008 SP1 (ย้ำนะครับ ต้องเป็น service pack1 ไม่อย่างนั้นเจอบั๊กพอตัวเลยทีเดียว ) หรือคุณอาจจะใช้ Visual Studio 2010 ก็ได้ซึ่งตอนนี้ก็มีให้ลองใช้กันแล้ว

ข้อดีของ WPF
  • สามารถแบ่งหน้าที่การทำงานระหว่าง Designer และ Programmer ได้อย่างชัดเจน
  • มีกราฟฟิกที่สวยงาม
  • สร้าง control ใช้เองได้อย่างง่ายดาย
  • มี style ( คล้ายๆ CSS ของ web ) ซึ่งเราสามารถสร้าง control หรือ window เดียวแล้วเปลี่ยนแค่ style ก็ทำให้ look & feel เปลี่ยนทั้งหมดโดยที่ไม่ต้องแก้ code แม้แต่บรรทัดเดียว
คราวหน้าผมจะมาต่อกันที่ Hello world ละกันครับ ตามธรรมเนียม ( ไม่รู้จะไปสวัสดีชาวโลกกันทำไมหนอ - -")