Pages

วันพฤหัสบดี, กุมภาพันธ์ 17, 2554

[Blog] Vavar ปะทะ Java Swing #2 : Prerequisite & Inspiration

มาถึงตอนที่สองสำหรับ มหากาำพย์ึครั้งนี้ (๕๕)
ติดตามตอนที่แล้วได้่จาก link  นี้ครับ

ประกาศ : บทความเหล่านี้เขียนด้วยความคิดเห็นของตัวเองล้วนๆ ... 
ผิดถูกยังไง สามารถเสนอแนะโดย post comment ด้านล่างได้ครับ :)


การทำงานที่เกี่ยวกับ ออกแบบส่วนติดต่อกับผู้ใช้ ...
สิ่งที่สำคัญมากๆ คือ ต้องเข้าใจลักษณะการใช้งานที่เกิดขึ้น
รวมไปถึง "รูปแบบ" ที่ทำให้รู้สึกว่า "Cool" ...
เพราะเดี๋ยวนี้คงหลีกเลี่ยงไม่ได้ว่าความสวยงามของ GUI
มีผลต่อความรู้สึก ... อยากใช้ของ User ..

ตัวอย่างง่ายๆ ... อย่างเช่น ...




กับ ...




ถ้าไม่นับเรื่อง Label ที่แสดง field ....
เป็นคุณ อยากใช้อันไหนมากกว่ากัน ??
..
..
..
คงไม่แปลกที่จะต้องอยากใช้อันล่างมากกว่าอยู่แล้ว ...

ซึ่งแน่นอนว่าการออกแบบ Components ก็จำต้องมี inspire บ้างเช่นกัน ...

Swing เองก็ไม่ใช่ Toolkit ที่เพิ่งเกิดขึ้นมาใหม่ ...มันมีอายุมา 10 ปี กว่าแล้ว ...
ตัวอย่างบน อากู๋ก็เยอะแยะ ... แต่ด้วยความที่ว่า Java version แรกๆ ไม่ได้เน้น
ไปทางด้าน Desktop App มากนักเลยทำให้ค่อนข้างเป็น Weak Point รวมไปถึง
ทำให้เกิด "อคติ" ใน Developer ...ค่อนข้างเยอะ ...

แล้ว Inspire จริงๆ ล่ะ มาจากไหน ... ?

ตัวอย่างที่แรกๆ เริ่มต้นค้นคว้าเลย ก็มาจากเวป SwingLab ซะส่วนใหญ่
ตามมาด้วยเวป ชาวญี่ปุ่น ที่ชื่อ http://terai.xrea.jp/swing/

หลักๆ แล้ว สองเวปนี้จะมี Components ที่ได้ Customize มาแล้วระดับนึง
ให้ศึกษาวิธีเขียนว่าทำอย่างไรได้บ้าง ....
แต่ที่ inspire สุึดๆ ดูจะไม่พ้น LookAndFeel โดนใจ 3 ตัวนี้ ....

1. Substance LookAndFeel ( Based on BasicLookAndFeel )



2. Synthetica LookAndFeel (  Based on SynthLookAndFeel )



3. SeaGlass LookAndFeel (  Based on SynthLookAndFeel )



พอเห็นทั้ง 3 ตัวนี้แล้วถึงกับมีแรงทำขึ้นมาเลยทีเดียว ๕๕๕ (อยากทำได้บ้าง)
แต่ที่ขาดไม่ได้สำหรับการทำ GUI คงหนีไม่พ้น IDE .... ที่ทำให้ชีวิตอยู่รอดกลาง เกาะ Java นี้ได้ ...
โดยส่วนตัวเป็นสาวก Eclipse อยู่แล้ว การที่จะไปใช้ NetBeans คงดูขัดๆ เกินไป ....

แล้วก็ด้วยความโชคดี .... อากู๋ใจดี .... แจกฟรีมีให้ใช้ ... Tool สำหรับเขียน UI ...

ก็เลยได้ Window Builder Pro มาใช้เป็นอุปกรณ์ในการอยู่รอด .......

Tool ตัวนี้ โดยรวมแล้ว เก่งกว่า NetBeans เยอะ ....

เพราะมันสามารถจัด layout ที่ยากๆ อย่าง GridBagLayout ได้ แม่นมาก ...
เสียอยู่อย่างเดียวคือต้องเป็น Swing Component 100% ถึงจะใช้ได้ ...

AWT ...  อดไป ...

แต่อย่างน้อยก็ยังดีกว่าไม่มีใช้ล่ะนะ ๕๕

เอาเป็นว่า Tool มีแล้ว Inspire มีแล้ว ... ต่อไปมาลุยกันเลยดีกว่า ...