Action Script

เขียน Twitter Widget ด้วย Flash Action Script 3 อย่างง่าย ตอนที่ 2

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

Flash Twitter Widget

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

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

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

รูปแบบ ตำแหน่ง Flash Component

Properties Windows

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

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

Flash Twitter Widget

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

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

Tags

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Leave a Reply

Back to top button
Close
Close

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน