แบบทดสอบ Online

สถิติผู้เข้าชม

506790
TodayToday165
YesterdayYesterday290
This WeekThis Week2149
This MonthThis Month4848
All DaysAll Days506790

ROBOT TEAM


warayuphat panumphan 'Kru Pu', Powered by Joomla!
Mouse Event PDF Print E-mail
Written by Administrator   
Friday, 26 October 2012 03:51

Event เป็น 1 ในชุดคำสั่ง Actionscript ของโปรแกรม Flash
ซึ่ง Event นี้ใช้สำหรับรับ-ส่งคำสั่งจากเมาส์, คีย์บอร์ด ฯลฯ
ซึ่งต้องใช้คำสั่ง EventListener ในการตอบรับการโต้ตอบโดยมีโค้ดดังนี้

eventTarget.addEventListener(EventClass.EVENT_NAME, eventListener);

eventTarget =  สิ่งที่เราจะใช้รองรับคำสั่ง เช่น ปุ่ม, รูปภาพ, ลูกบอล, ปืน ฯลฯ

EventClass = เป็นส่วนที่ระบุชุดของการรับคำสั่ง event (รับจากไหน) เช่น MouseEvent, KeyboardEvent ฯลฯ

EVENT_NAME = การกระทำที่เราต้องการจะให้รับ เช่น CLICK, DOUBLE_CLICK, DRAG, UP, DOWN, LEFT, RIGHT ฯลฯ

eventListener = คำสั่งที่เราต้องการจะให้กระทำเมื่อรับการกระทำแล้ว ส่วนใหญ่นิยมเขียนเป็น function เช่น เพิ่มคะแนน, ไปหน้าถัดไป, เดินหน้า ฯลฯ

ตัวอย่างการใช้ตัว Listener ดูได้ดังนี้

button.addEventListener(MouseEvent.CLICK,NextPage);
function NextPage(event:MouseEvent)
{
gotoAndStop(2);
}

จากตัวอย่างจะเป็นการรับคำสั่งจากปุ่ม button โดยการคลิก ซึ่งเมื่อคลิกแล้วจะทำการเปลี่ยนหน้าไปเป็นหน้า 2 (เฟรมที่ 2)

 


 

ซึ่งในหัวข้อนี้ เราจะทำ "ปุ่มคำสั่ง" ซึ่งมีขั้นตอนดังนี้

1.เปิดโปรแกรม Flach CS5>Create New>Actionscript 3.0



2.สร้างเลเยอร์ใหม่ 3 ตัวคือ
- Action
- Button
- Page
โดยสร้างคีย์เฟรมโดยกด F6 ที่เฟรมที่ 2 ทั้ง 3 เลเยอร์

3.ที่เลเยอร์ Page พิมพ์ตัวเลข 1 และ 2 ขนาด 100pt ไว้ที่เฟรมที่ 1 และ 2 ตามลำดับ









4.ที่เฟรมที่ 1 ของเลเยอร์ Button วาดรูปร่างมาตรฐานขึ้นมา 1 รูป (วงกลม สามเหลี่ยม สี่เหลี่ยม ฯลฯ) ไว้ใต้เลข 1 มุมขวามือ





5.คลิกขวาที่รูปที่เราวาด>covert to symbol..



6.ตั้งชื่อว่า Shape แล้วกด OK



7.คลิกที่รูป 1 ครั้ง ที่แท็บ properties ใส่คำว่า bt1 ลงในช่อง instant name



8.คลิกที่เฟรมที่ 2 ของเลเยอร์ Button ลาก Symbol ชื่อ Shape ที่วาดไว้จาก Library มาวางไว้ใต้เลข 2 มุมซ้ายมือ







9.คลิกที่รูปใหม่ 1 ครั้ง ที่แท็บ properties ใส่คำว่า bt2 ลงในช่อง instant name



10.คลิกที่เฟรมที่ 1 ของเลเยอร์ Action แล้ว คลิกขวา>action



11.พิมพ์โค้ดดังนี้

12.คลิกที่เฟรมที่ 2 ของเลเยอร์ Action แล้ว คลิกซ้าย



13.พิมพ์โค้ดดังนี้



14.Ctrl+Enter ดูผล จะได้ว่าเมื่อคลิกที่รูปร่างที่เราวาดไว้ (Shape) จะเปลี่ยนหน้าที่มีตัวเลข 1 และ 2 ไปมา

Last Updated on Friday, 30 November 2012 04:33
 

Poll กรุณาตอบคำถามค่ะ

คุณเขียนโปรแกรมบ่อยแค่ไหน
 

Poll สื่อการสอน

สื่อแบบไหน ที่คุณชอบ
 

จำนวนผู้ชมที่ online ขณะนี้

We have 21 guests online

analogclock

search engine

Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner