Social Media | Online Marketing | Digital Media | Daydev

หลังจาก บทความ เขียน Twitter Widget ด้วย Flash Action Script 3 อย่างง่าย ตอนที่ 1แล้ว นะครับ ครั้งนี้เราจะมาทำ Interface ของตัว Widget กันครับซึ่งไม่ยากเกินไปสำหรับคนที่เพิ่งศึกษาครับ เพราะตัวผมเองที่ไปนั่งแกะ Code และดู Structure ของ Twitter API ต้นฉบับดูแล้วก็ไม่ยากเข้าใจง่ายจริงๆ

เริ่มต้นกันเลยครับ ก่อนอื่นก็สร้าง เอกสาร AS3 ขึ้นมาครับเลือก Option ตามรูปครับ

ออกแบบ Object ต่างๆตาม รูปแบบที่เห็นดังรูปข้างล่างครับ
ซึงจะประกอบด้วย Movie Clip ในส่วนของปุ่ม และ Component TextBox ของช่องข้อความ 4 ช่อง ตั้งชื่อดังต่อไปนี้

Movie Clip กำหนดให้เป็น Button ตั้งชื่อ Properties ว่า "followBtn"
ช่อง TextBox ให้กด F8 ครอบกำหนดให้เป็น Movie Clip ตั้งชื่อ Properties ว่า "box0","box1","box2" และ "box3" ตามลำดับ

ในส่วนของTexbox ให้สร้าง Action ข้างในตัว Movie Clip แล้วใส่ Code ดังต่อไปนี้ทุกตัว

textBox.editable = false;

ลอง Compile ดูแล้วจะได้ว่า โปรแกรม ทำงานได้อย่าง ง่ายดายครับดังรูปครับ

หากใครสงสัยยังไงลองเอา Code Widget ไปแกะดูก็ได้ครับ ที่นี่

http://www.daydev.com/twitter/flash-twitter.zip

ไม่ยากไปใช่มั้ยครับ ลองเอาไปพัฒนา กันดูว่างๆ จะไปเสาะหา Codeน่าสนใจมาฝากกันใหม่นะครับ ไปล่ะ