Linha do tempo do Flash Catalyst CS5

• Pode 12, 2024

Se você é como eu, a diversão começa quando você adiciona a interação ao seu aplicativo. No último Flash^R Catalisador^TM No artigo de revisão do CS5, discutimos as Páginas / Estados do aplicativo do site e pedimos ao Catalyst para programar nossos botões para passar de uma página do site para outra.

Vamos continuar com nosso site de exemplo, que possui apenas três páginas: CityView, UnionParkView e CentralParkView. Nós trabalhamos um pouco na navegação quando programamos nossos botões para exibir essas páginas. Criamos os seguintes botões:

O botão 1 exibirá a página UnionParkView
O botão 2 exibirá a página CentralParkView
O botão 3 exibirá a página do CityView

O Catalyst controla o relacionamento entre essas Páginas / Estados na Linha do tempo e podemos usar a Linha do tempo do Catalyst como um guia visual para navegar em nosso aplicativo de site.

Se você usou o Flash, conhece uma Linha do tempo composta por uma sequência de quadros. No entanto, a Linha do tempo do Catalyst é composta pelas Páginas / Estados de nosso aplicativo e pelas transições entre essas Páginas / Estados. Vamos dar uma olhada.

A Linha do tempo do Catalyst é composta de quatro colunas. À extrema esquerda, há uma lista de páginas / estados. Com base nos botões e Páginas / Estados do nosso projeto, o Catalyst exibirá o relacionamento entre as páginas do nosso site nesta coluna. Como você pode ver, podemos mover-se entre as páginas de quatro maneiras. Cada um deles é colocado em uma camada na Linha do tempo.

Começando aqui
Vista da cidade
Vista da cidade
UnionParkView
CentralParkView

Terminando aqui
UnionParkView
CentralParkView
Vista da cidade
Vista da cidade

A segunda coluna da linha do tempo exibe o estado inicial. À medida que clicamos em cada camada da Linha do tempo, o Catalyst exibirá a página ativa (a página que estamos vendo no momento) na parte superior desta segunda coluna. Por exemplo, na primeira camada, estamos passando da página CityView para a página UnionParkView. Portanto, o CityView é listado como o estado inicial. Mas, na camada inferior, estamos passando do CentralParkView para o CityView e a página CentralParkView será exibida nesta coluna.

A terceira coluna exibe as transições correspondentes necessárias para mover de uma página para outra. Aqui podemos ver que o Catalyst determinou a partir de nossos botões que iremos mover entre páginas e já colocou uma transição de "movimento" nesta coluna para nós. À medida que continuamos a trabalhar em nosso aplicativo e adicionamos mais elementos e efeitos, o Catalyst adicionará automaticamente a transição correta à Linha do tempo.

A quarta coluna exibe o estado final. Novamente, quando clicamos em cada camada da Linha do tempo, podemos ver a página de destino (página para a qual estamos nos movendo) listada na última coluna. Agora que entendemos o relacionamento da Linha do tempo com nosso aplicativo, estamos prontos para adicionar algumas animações com aparência profissional ao nosso site.

* A Adobe me forneceu uma cópia de revisão gratuitamente.

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / são marcas comerciais registradas ou marcas comerciais da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Curso Adobe Flash CC - Ferramentas De Preenchimentos Cap 17 (Pode 2024).