การลากและวางโค้ดขนาดสั้นแบบ Flash

• อาจ 8, 2024

Flash CS5 มีตัวอย่างโค้ดที่คุณสามารถใช้เป็นจุดเริ่มต้นสำหรับโครงการของคุณ ลองมาดูตัวอย่างรหัสการลากและวาง

เริ่มต้นโครงการ ActionScript 3.0 ใหม่ คุณจะสังเกตเห็นว่าเรามีค่าเริ่มต้นหนึ่งเฟรมบนเลเยอร์ 1 ในไทม์ไลน์และสเตจว่างเปล่า

เปิดแผงรหัสตัวอย่าง (หน้าต่าง�รหัสตัวอย่าง) คุณจะพบข้อมูลโค้ดลากและวางในโฟลเดอร์การกระทำ

หากต้องการใช้ข้อมูลโค้ดเพียงดับเบิลคลิกที่ชื่อตัวอย่างในแผงควบคุม อย่างไรก็ตามเมื่อเราทำเช่นนี้แฟลช^R บอกเราว่าเราต้องแนบตัวอย่างกับวัตถุบนเวที คุณสามารถเพิ่มข้อมูลโค้ดลงในคลิปภาพยนตร์หรือวัตถุข้อความ TLF มาวาดสี่เหลี่ยมบนเวทีด้วยเครื่องมือ Rectangle ตอนนี้ให้เลือกสี่เหลี่ยมบนเวทีแล้วดับเบิลคลิกที่ตัวอย่างอีกครั้ง

ตอนนี้ Flash บอกเราว่าเราต้องแปลงสแควร์เป็น Movie Clip และตั้งชื่ออินสแตนซ์ Clip Movie มันเสนอให้ทำเพื่อเรา ดังนั้นคลิกตกลง แผงการทำงานจะเปิดขึ้นโดยอัตโนมัติเพื่อแสดงรหัสการลากและวางของเรา ปิดแผงนี้ซักครู่เพื่อให้เราสามารถตรวจสอบสิ่งที่เกิดขึ้นใน Flash fla ของเรา

ในไทม์ไลน์ตอนนี้เรามีเลเยอร์การกระทำใหม่ (เลเยอร์บนสุด) และเฟรม 1 มี "a" ขนาดเล็กเพื่อระบุว่ารหัส ActionScript ได้ถูกเพิ่มเข้าไปในเฟรมนั้น เรายังมีเลเยอร์ 1 ที่มีสี่เหลี่ยม แต่ถ้าเราคลิกที่สี่เหลี่ยมและดูที่แผงคุณสมบัติเราจะเห็นว่า Flash สร้างคลิปภาพยนตร์ใหม่ชื่อ "สัญลักษณ์ 1" ที่มีชื่ออินสแตนซ์ของ "movieClip_1"

ตอนนี้เราสามารถทดสอบภาพยนตร์ Flash ของเรา คลิกควบคุม�ทดสอบภาพยนตร์�ใน Flash Professional คลิกที่ตารางแล้วลากไปยังตำแหน่งอื่นบนเวที

มาเปิดพาเนลการดำเนินการอีกครั้งแล้วตรวจสอบรหัส ข้อมูลโค้ดมีหน้าที่และฟังเหตุการณ์สองเหตุการณ์ บรรทัดแรกของรหัส (หลังจากความคิดเห็น) เพิ่มผู้ฟังเหตุการณ์ลงใน movieClip_1 ของเรา ผู้ฟังเหตุการณ์ฟัง MOUSE_DOWN MouseEvent เมื่อ Flash สังเกตว่าปุ่มเมาส์ถูกคลิกลงมันจะเรียกใช้ฟังก์ชันแรกที่เรียกว่า fl_ClickToDrag

ฟังก์ชัน fl_ClickToDrag ใช้ startDrag (); ฟังก์ชั่นเพื่อ movieClip_1 ของเรา ฟังก์ชัน startDrag นี้เป็นฟังก์ชั่นแฟลช "ในตัว" ที่ช่วยให้เป้าหมาย (movieClip_1) ถูกลากไปบนเวที เราสามารถลากคลิปภาพยนตร์ได้ครั้งละหนึ่งคลิปเท่านั้นและคลิปภาพยนตร์นี้ยังคงสามารถลากได้จนกว่าจะมีหนึ่งในสองสิ่งเกิดขึ้น ที่แรกก็คือ stopDrag (); ฟังก์ชั่นที่เรียกว่า เราจะพูดถึงเรื่องนี้ในย่อหน้าถัดไป ที่สองคือการใช้ startDrag (); ฟังก์ชั่นไปยังวัตถุอื่นบนเวที

ตอนนี้เราสามารถลากคลิปภาพยนตร์ของเราเราต้องดูรหัสที่จะ "วาง" คลิปภาพยนตร์ของเรา อย่างที่คุณเห็นรหัสบรรทัดถัดไปจะเพิ่มผู้ฟังเหตุการณ์ลงในสเตจ (ไม่ใช่คลิปภาพยนตร์) มันบอกให้ Flash ฟัง MOUSE_UP MouseEvent และเรียกใช้ฟังก์ชัน fl_ReleaseToDrop เมื่อเกิดเหตุการณ์นี้ขึ้น

ฟังก์ชั่น fl_ReleaseToDrop ใช้ฟังก์ชั่นแฟลชอื่นในตัว stopDrag (); ไปยังวัตถุ movieClip_1 ฟังก์ชั่นนี้หยุดหรือลบความสามารถในการ startDrag () จากคลิปภาพยนตร์

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, Bridge, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ