แฟลชเว็บไซต์ Loader และ ProgressBar Components

• เมษายน 30, 2024

ตอนนี้คุณได้สร้างภาพยนตร์ Portfolio.swf ของคุณเสร็จแล้วเราสามารถเพิ่มส่วนประกอบ Loader ที่จะโหลดภาพยนตร์พอร์ตภายนอกลงในภาพยนตร์หลักของคุณ เนื่องจากพอร์ตโฟลิโอนี้จะใช้เวลาสองสามวินาทีในการดาวน์โหลดลงในภาพยนตร์หลักเราจะเพิ่มองค์ประกอบ ProgressBar (หรือที่เรียกว่า preloader) เพื่อให้ผู้ชมของคุณทราบถึงกระบวนการดาวน์โหลด เปิดเว็บไซต์ภาพยนตร์หลักให้คุณเป็น Flash

ขั้นตอนที่ 1 เพิ่มส่วนประกอบตัวโหลด คลิกที่ Frame 50 (เฟรมแรกของส่วนเว็บเพจ Portfolio) บนเลเยอร์เนื้อหาในไทม์ไลน์ ตอนนี้คลิกด้านนอกของเวทีเพื่อยกเลิกการเลือกทุกอย่างบนเวที คุณจะพบส่วนประกอบตัวโหลดในแผงส่วนประกอบ ลากอินสแตนซ์ของ Loader เข้าสู่สเตจ วาง Loader ที่มุมซ้ายบนใต้เมนู ในตัวตรวจสอบคุณสมบัติตั้งค่าของคอมโพเนนต์นี้เป็น loaderPortfolio.

ขั้นตอนที่ 2 ตั้งค่าพารามิเตอร์สำหรับตัวโหลด ไฟล์ Portfolio.swf ของคุณควรอยู่ในโฟลเดอร์เดียวกับไฟล์ภาพยนตร์หลักของคุณ ไปที่ Component Inspector Panel และตั้งค่าต่อไปนี้ นี่จะเป็นการบอก Flash ว่าจะหาไฟล์ Portfolio.swf ได้จากที่ใดและปรับขนาดส่วนประกอบ Loader ตามขนาดของภาพยนตร์ Portfolio.swf

contentPath: Portfolio.swf
scaleContent: false

ขั้นตอนที่ 3 ทดสอบ Loader คลิกที่ Frame 1 เพื่อย้าย Playhead กลับไปที่จุดเริ่มต้น ตอนนี้กดปุ่ม Ctrl และ Enter บนแป้นพิมพ์เพื่อดูตัวอย่างภาพยนตร์ในเว็บไซต์ของคุณ ภาพยนตร์ Portfolio.swf ของคุณควรโหลดลงในภาพยนตร์เว็บไซต์หลักเมื่อคุณคลิกที่ปุ่มพอร์ตในเมนู

ขั้นตอน 4. บันทึกการเปลี่ยนแปลงของคุณ ขณะนี้คุณสามารถบันทึกการเปลี่ยนแปลงที่คุณเพิ่มไว้ได้แล้ว

ตอนนี้เราพร้อมที่จะเพิ่มส่วนประกอบ ProgressBar ส่วนนี้ไม่ได้จัดส่งมาพร้อมกับ Flash MX 2004 คุณต้องดาวน์โหลดไฟล์ updater สำหรับ Flash รุ่นนี้จากเว็บไซต์ Adobe - Macromedia

//www.macromedia.com/support/flash/downloads.html#updaters

ต่อ