Времева линия на Flash Catalyst CS5

• Може 7, 2024

Ако сте като мен, забавлението започва, когато добавите взаимодействието към приложението си. В последния флаш^R катализатор^TM Статия за преглед на CS5, обсъдихме Страниците / Щатите за нашето приложение за уебсайт и казахме на Catalyst да програмира нашите бутони за преминаване от една страница на нашия уебсайт на друга.

Нека да продължим с нашия примерен уебсайт, който има само три страници, които са CityView, UnionParkView и CentralParkView. По навигацията работихме малко, когато програмирахме нашите бутони за показване на тези страници. Създадохме следните бутони:

Бутон 1 ще покаже страницата на UnionParkView
Бутон 2 ще покаже страницата на CentralParkView
Бутон 3 ще покаже страницата CityView

Catalyst следи връзката между тези страници / държави в времевата линия и можем да използваме времевата линия Catalyst като визуално ръководство за навигация в нашето приложение за уебсайтове.

Ако сте използвали Flash, вие сте запознати с времевата линия, която е съставена от поредица от кадри. Въпреки това, времевата линия на катализатора се състои от страниците / състоянията на нашето приложение и преходите между тези страници / държави. Нека да разгледаме.

Времевата линия на катализатора е съставена от четири колони. Най-вляво е списък на Страници / Щати. Въз основа на бутоните и страниците / състоянията на нашия проект, Catalyst ще покаже връзката между страниците на нашия уебсайт в тази колона. Както можете да видите, можем да се движим между страниците по четири начина. Всяка от тях е поставена на слой в Timeline.

Започвайки от тук
градаДобави
градаДобави
UnionParkView
CentralParkView

Край тук
UnionParkView
CentralParkView
градаДобави
градаДобави

Втората колона на времевата линия показва началното състояние. Докато щракнем върху всеки слой в Timeline, Catalyst ще покаже активната страница (страницата, която в момента разглеждаме) в горната част на тази втора колона. Например, в първия слой се преместваме от страницата CityView към страницата UnionParkView. Следователно CityView е посочен като начална държава. Но в долния слой се преместваме от CentralParkView към CityView и страницата CentralParkView ще бъде показана в тази колона.

Третата колона показва съответните преходи, необходими за преминаване от една страница на друга. Тук можем да видим, че Catalyst е определил от нашите бутони, че ще се движим между страниците и вече е поставил преход „преместване“ в тази колона за нас. Докато продължаваме да работим върху нашето приложение и добавяме още елементи и ефекти, Catalyst автоматично ще добави правилния преход към времевата линия.

Четвъртата колона показва завършващото състояние. Отново, като щракнем върху всеки слой в Timeline, можем да видим целевата страница (страница, към която се преместваме), посочена в последната колона. Сега, когато разбираме връзката на Timeline към нашето приложение, сме готови да добавим няколко професионално изглеждащи анимации към нашия уебсайт.

* Adobe ми предостави безплатно копие за преглед.

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst и Flash Paper е или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.

Инструкции Видео: The Choice is Ours (2016) Official Full Version (Може 2024).