Dòng thời gian Flash Catalyst CS5
Nếu bạn giống như tôi, niềm vui bắt đầu khi bạn thêm tương tác vào ứng dụng của mình. Trong Flash cuối cùngR Chất xúc tácTM Bài viết đánh giá CS5, chúng tôi đã thảo luận về Trang / Bang cho ứng dụng trang web của chúng tôi và bảo Catalyst lập trình các nút của chúng tôi để chuyển từ một trang của trang web của chúng tôi sang trang khác.

Hãy tiếp tục với trang web mẫu của chúng tôi chỉ có ba trang là CityView, UnionParkView và CentralParkView. Chúng tôi đã làm việc trên điều hướng một chút khi chúng tôi lập trình các nút để hiển thị các trang này. Chúng tôi đã tạo các nút sau:

Nút 1 sẽ hiển thị trang UnionParkView
Nút 2 sẽ hiển thị trang CentralParkView
Nút 3 sẽ hiển thị trang CityView

Catalyst theo dõi mối quan hệ giữa các Trang / Bang này trong Dòng thời gian và chúng ta có thể sử dụng Dòng thời gian Catalyst làm hướng dẫn trực quan để điều hướng ứng dụng trang web của mình.

Nếu bạn đã sử dụng Flash, bạn sẽ quen với Dòng thời gian được tạo thành từ một chuỗi các khung. Tuy nhiên, Dòng thời gian Catalyst được tạo thành từ các Trang / Bang trong ứng dụng của chúng tôi và các chuyển tiếp giữa các Trang / Bang đó. Hãy xem nào.

Dòng thời gian Catalyst được tạo thành từ bốn cột. Ở phía xa bên trái là danh sách Trang / Bang. Dựa trên các nút và Trang / Bang của dự án của chúng tôi, Catalyst sẽ hiển thị mối quan hệ giữa các trang của trang web của chúng tôi trong cột này. Như bạn có thể thấy, chúng ta có thể di chuyển giữa các trang theo bốn cách. Mỗi trong số này được đặt trên một lớp trong Dòng thời gian.

Bắt đầu từ đây
Cảnh quan thành phố
Cảnh quan thành phố
UnionParkView
CentralParkView

Kết thúc tại đây
UnionParkView
CentralParkView
Cảnh quan thành phố
Cảnh quan thành phố

Cột thứ hai của Dòng thời gian hiển thị Trạng thái bắt đầu. Khi chúng tôi nhấp vào từng lớp trong Dòng thời gian, Catalyst sẽ hiển thị trang hoạt động (trang mà chúng tôi hiện đang xem) ở đầu cột thứ hai này. Ví dụ: trong lớp đầu tiên, chúng tôi đang chuyển từ trang CityView sang trang UnionParkView. Do đó, CityView được liệt kê là Quốc gia khởi đầu. Nhưng ở lớp dưới cùng, chúng tôi đang chuyển từ CentralParkView sang CityView và trang CentralParkView sẽ được hiển thị trong cột này.

Cột thứ ba hiển thị các chuyển tiếp tương ứng cần thiết để di chuyển từ trang này sang trang khác. Ở đây chúng ta có thể thấy rằng Catalyst đã xác định từ các nút của chúng ta rằng chúng ta sẽ di chuyển giữa các trang và đã thực hiện chuyển đổi "di chuyển" trong cột này cho chúng ta. Khi chúng tôi tiếp tục làm việc trên ứng dụng của mình và thêm nhiều yếu tố và hiệu ứng, Catalyst sẽ tự động thêm quá trình chuyển đổi chính xác vào Dòng thời gian.

Cột thứ tư hiển thị Trạng thái kết thúc. Một lần nữa, khi chúng tôi nhấp vào từng lớp trong Dòng thời gian, chúng tôi có thể thấy trang mục tiêu (trang mà chúng tôi sẽ chuyển đến) được liệt kê trong cột cuối cùng. Bây giờ chúng tôi hiểu mối quan hệ của Dòng thời gian với ứng dụng của chúng tôi, chúng tôi đã sẵn sàng để thêm một vài hình ảnh động chuyên nghiệp vào trang web của chúng tôi.

* Adobe cung cấp một bản đánh giá cho tôi miễn phí.

Bản quyền 2018 Adobe Systems Incorporated. Đã đăng ký Bản quyền. (Các) ảnh chụp màn hình sản phẩm Adobe được in lại với sự cho phép của Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Đóng góp, Cap activate, Flash Catalyst và Flash Paper là / là [a] nhãn hiệu đã đăng ký [s] hoặc nhãn hiệu [s] của Adobe Systems Incorporated tại Hoa Kỳ và / hoặc các quốc gia khác.