เส้นเวลาของ Catalyst CS5

• เมษายน 29, 2024

หากคุณเป็นเหมือนฉันความสนุกจะเริ่มต้นเมื่อคุณเพิ่มการโต้ตอบในแอปพลิเคชันของคุณ ใน Flash ครั้งสุดท้าย^R ตัวเร่ง^TM บทความรีวิว CS5 เราได้พูดคุยเกี่ยวกับหน้า / รัฐสำหรับแอปพลิเคชั่นเว็บไซต์ของเราและบอก Catalyst ให้ตั้งโปรแกรมปุ่มของเราเพื่อย้ายจากหน้าหนึ่งของเว็บไซต์ของเรา

มาดูเว็บไซต์ตัวอย่างของเราที่มีเพียงสามหน้าคือ CityView, UnionParkView และ CentralParkView เราทำงานในการนำทางเล็กน้อยเมื่อเราตั้งโปรแกรมปุ่มของเราเพื่อแสดงหน้าเหล่านี้ เราสร้างปุ่มต่อไปนี้:

ปุ่ม 1 จะแสดงหน้า UnionParkView
ปุ่ม 2 จะแสดงหน้า CentralParkView
ปุ่ม 3 จะแสดงหน้า CityView

Catalyst ติดตามความสัมพันธ์ระหว่างหน้า / รัฐเหล่านี้ใน Timeline และเราสามารถใช้ Catalyst Timeline เป็นแนวทางที่มองเห็นได้เพื่อนำทางแอปพลิเคชันเว็บไซต์ของเรา

หากคุณใช้แฟลชคุณจะคุ้นเคยกับไทม์ไลน์ที่ประกอบขึ้นเป็นลำดับของเฟรม อย่างไรก็ตาม Catalyst Timeline ประกอบขึ้นจากหน้า / รัฐของแอปพลิเคชันของเราและช่วงการเปลี่ยนภาพระหว่างหน้า / รัฐเหล่านั้น ลองมาดูกัน

เส้นเวลาของตัวเร่งปฏิกิริยาประกอบด้วยสี่คอลัมน์ ที่ด้านซ้ายสุดคือรายการหน้า / รัฐ ขึ้นอยู่กับปุ่มและหน้า / สถานะของโครงการของเรา Catalyst จะแสดงความสัมพันธ์ระหว่างหน้าของเว็บไซต์ของเราในคอลัมน์นี้ อย่างที่คุณเห็นเราสามารถย้ายไปมาระหว่างหน้าต่างๆได้สี่วิธี แต่ละสิ่งเหล่านี้ถูกวางไว้บนเลเยอร์ในเส้นเวลา

เริ่มต้นที่นี่
Cityview
Cityview
UnionParkView
CentralParkView

สิ้นสุดที่นี่
UnionParkView
CentralParkView
Cityview
Cityview

คอลัมน์ที่สองของไทม์ไลน์แสดงสถานะเริ่มต้น เมื่อเราคลิกที่แต่ละเลเยอร์ในไทม์ไลน์ Catalyst จะแสดงหน้าแอคทีฟ (เพจที่เรากำลังดูอยู่) ที่ด้านบนของคอลัมน์ที่สองนี้ ตัวอย่างเช่นในเลเยอร์แรกเรากำลังย้ายจากหน้า CityView ไปยังหน้า UnionParkView ดังนั้น CityView จึงถูกระบุว่าเป็นสถานะเริ่มต้น แต่ในชั้นล่างสุดเรากำลังย้ายจาก CentralParkView ไปยัง CityView และหน้า CentralParkView จะปรากฏในคอลัมน์นี้

คอลัมน์ที่สามแสดงการเปลี่ยนที่สอดคล้องกันที่จำเป็นในการย้ายจากหน้าหนึ่งไปอีกหน้า ที่นี่เราจะเห็นได้ว่าตัวเร่งปฏิกิริยาได้พิจารณาจากปุ่มของเราว่าเราจะย้ายไปมาระหว่างหน้าต่างๆและได้ทำการเปลี่ยน "ย้าย" ในคอลัมน์นี้ให้กับเรา ในขณะที่เรายังคงทำงานกับแอปพลิเคชันของเราและเพิ่มองค์ประกอบและเอฟเฟกต์เพิ่มเติม Catalyst จะเพิ่มช่วงการเปลี่ยนภาพที่ถูกต้องให้กับ Timeline โดยอัตโนมัติ

คอลัมน์ที่สี่แสดงสถานะสิ้นสุด อีกครั้งเมื่อเราคลิกที่แต่ละเลเยอร์ในไทม์ไลน์เราจะเห็นหน้าเป้าหมาย (หน้าที่เรากำลังจะย้ายไป) ที่แสดงอยู่ในคอลัมน์สุดท้าย ตอนนี้เราเข้าใจความสัมพันธ์ของไทม์ไลน์กับแอปพลิเคชันของเราแล้วเราพร้อมที่จะเพิ่มแอนิเมชั่นที่ดูเป็นมืออาชีพลงในเว็บไซต์ของเรา

* Adobe มอบสำเนาบทวิจารณ์ให้ฉันฟรี

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