วิญญาณดิจิตอลของนินคุง

เมื่อปีที่แล้ว Microsoft ได้เปิดตัว Silverlight เพื่อออกมาเป็นคู่แข่งกับ Flash ที่ครองตลาดมานานนม แต่เวลาผ่านไปเกือบ 2 ปี ก็ยังไม่เห็นว่า Silverlight มีอะไรดีกว่า Flash  จนกระทั่ง.....

ผมค้นพบว่า เครื่องมือพัฒนา Flash นั้นแทบจะหาฟรีไม่ได้เลย (แต่คนไทยคงไม่สะดุ้งสะเทือน ) แต่ Silverlight นั้น "มี" เอาล่ะสิ มีความหวังแล้ว

เครื่องมือพัฒนา Silverlight แบบฟรี ๆ

เดิมทีนั้นผมนึกว่าการพัฒนา Silverlight นั้นจำเป็นต้องใช้โปรแกรม Expression Blend (ราคาประมาณ 2 หมื่น) เท่านั้น แต่ตอนนี้ผมพบว่าไม่ใช่ เราสามารถสร้าง Silverlight ได้ฟรี ๆ เพียงแต่โหลดและติดตั้งเครื่องมือสองตัวนี้

1. Visual Web Developer 2008 Express Editons SP1 - โปรแกรมพัฒนาเว็บในชุด Visual Studio Express นี่แหล่ะ โหลดได้ที่หน้านี้
    
   
2. Silverlight Tools for Visual Studio 2008 SP1 - เป็น Add-on ที่ทำให้ Visual Studio 2008 พัฒนา Silverlight ได้ แน่นอนว่าใช้กับ Visual Web Developer ได้ด้วย โหลดได้ที่หน้านี้

นอกจากนี้คุณยังต้องมีความรู้ในการเขียนโปรแกรมด้วย VB.NET หรือ C# รวมถึงต้องเข้าใจการเขียน WPF Application พอสมควร (ถึงตรงนี้หลายคนก็เลิกอ่านเอ็นทรี่นี้แล้ว ) ในเมืองไทยตอนนี้เท่าที่สำรวจมาก็มีหนังสือ WPF ออกมาเล่มนึงแล้วของ DEV Book

WPF คืออะไร?
WPF ย่อมาจาก Windows Presentation Foundation เป็นส่วนติดต่อกับผู้ใช้ (User Interface - UI) แบบใหม่ที่มีความยืดหยุ่นสูง ใส่ลูกเล่นได้มากมาย (จะหมุน เรืองแสง ย่อขยาย ทำเบลอ มีเงา ได้ทั้งนั้น) โดยจะใช้ภาษา XAML ในการเขียนส่วน interface และใช้ VB หรือ C# ในการเขียนส่วนโปรแกรม สำหรับ Silverlight นั้นจริง ๆ แล้วก็เป็น WPF เวอร์ชั่นย่อส่วนนั่นเอง (เดิมที Silverlight มีชื่อว่า WPF/E โดย E ย่อมาจาก Everywhere)

เมื่อได้มาแล้วก็ติดตั้งตามลำดับ หลังจากติดตั้ง Silverlight Tools แล้ว Visual Web Developer ก็จะสร้าง Project เป็น Silverlight ได้

แล้วหน้าตามันก็เป็นแบบนี้

Silverlight Project ใน VWD Express

คล้าย ๆ Dreamweaver หรืออะไรเทือก ๆ นั้นน่ะแหล่ะ แบ่งจอออกเป็นสองส่วน ส่วนป้อนโค้ด (เป็น XAML) กับส่วน Preview ที่ให้เห็นว่าไอ้ที่เราป้อนไปหน้าตาเป็นยังไง ดูแล้วไม่ต่างจากการสร้าง WPF Application ใน VB / C# 2008 เลย.... แต่มันไม่เหมือนกันครับ!!

WPF Application ใน VB2008 Express

ภาพบนนี้ย้อนกลับไปดูภาพการสร้าง WPF Application ใน VB 2008 จะพบว่าตรงส่วน Preview (ซึ่งใน VB/C# 2008 เรียกว่า Design View) จะมี Guide ช่วยปรับขนาดด้วย แน่นอนว่าเราสามารถลากวางปรับขนาดส่วนประกอบต่าง ๆ ได้อิสระ แต่สำหรับการพัฒนา Silverlight แล้ว....ดูได้อย่างเดียว!!!!

ไอ้คอนโทรลใน Toolbox ทางซ้ายมันทำเหวอะไรไม่ได้เลยครับ ลางมาวางตรง Preview ก็ไม่ได้ แต่ทำได้แค่ลากมาวางตรง Code เท่านั้น สรุปง่าย ๆ ว่าในการพัฒนา Silverlight แบบฟรี ๆ นั้นต้อง "พิมพ์โค้ดลูกเดียว"

ซูมให้ดูโค้ดชัด ๆ

ซ้ำร้ายไอ้ Properties ยังใบ้กิน...

นี่มันอะไรเนี่ย!!!!!!  สรุปคือ MS จะขาย Expression Blend ใช่มั้ย? ถึงได้ทำให้มันยากลำบากแบบนี้ โอเค ๆ เข้าใจ ๆ แต่ผมยังไม่ยอมแพ้ ผมจะทำอะไรสักอย่างจากเครื่องมือฟรี ๆ นี้แหล่ะ คอยดูเถอะ!!!

แถมท้าย - ปัญหาภาษาไทยใน Silverlight

ขณะที่ผมยังไม่ยอมแพ้แก่โชคชะตา จู่ ๆ ผมก็พบว่า Silverlight มัน.... แสดงผลภาษาไทยไม่ได้!!! แต่ด้วยพลังของ Google ในที่สุดผมก็เจอวิธี... (จะมีใครอ่าน)

1. ก่อนอื่นเราต้องมีไฟล์ฟอนต์ภาษาไทย (แนะนำ Tahoma) ให้เข้าหัวข้อ Fonts ใน Control Panel (เปลี่ยนเป็น Classic View จะหาง่ายขึ้น) แล้วคลิกขวาลากออกมาแล้วเลือก Copy Here (ถ้าคลิกซ้ายลากออกมาฟอนต์หายไม่รู้ด้วย)
    
   
2. ให้ Add ไฟล์ฟอนต์ที่ได้เข้ามาใน Project (คลิกขวาที่ชื่อ Project ใน Solution Explorer แล้ว Add > Existing item)
    
   
3. ระบุค่า FontFamily ของ Control ที่จะให้รองรับภาษาไทยเป็น  ./ชื่อไฟล์ฟอนต์#ชื่อฟอนต์ เช่น
   
        FontFamily="./tahoma.ttf#Tahoma"
    
   
4. ก็แค่นี้แหล่ะ แต่...ยังมีปัญหาภาษาไทยพิมพ์สระบนล่างแล้วดับอยู่นะ (สิ้นหวังแล้ว )
   

ถ้าไม่เข้าใจก็กลับไปอ่านจากที่มา: greatfriends.biz