iMasters | Por uma internet mais criativa e dinâmica

Sexta-feira, 13/12/2002 - 03:59 - Por Giovani Generali
Seções relacionadas:

• ActionScript
• Flash

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 0 comentários

Olá pessoal,

Neste artigo conheceremos a funcionalidade de praticamente todos os componentes padrão do Flash. Também você verá como aplicá-los e suas configurações e os exemplos práticos de cada um.

Mãos Obra !

Componentes são elementos que já possuem a programação necessária, presentes em uma janela prontos para serem usado. São os sucessores dos Smart Clips.

A princípio temos os seguintes componentes com o Flash: CheckBox, ListBox, Radio Button, ScrollPane, ComboBox, Push Button e ScrollBar, mais novos são disponibilizados para download no site da Macromedia na área de Exchanges do Flash.

Para ver nossos componentes, utilizamos a janela Components que abrimos em Window-Components.

Para aplicá-los, basta arrastá-los para o Stage ou para o elemento que os receberá. Veremos agora estes componentes.

• CheckBox

Esse componente serve para criar caixas de seleção para formulários em que o usuário marca as opções que desejar. Para aplicá-lo, basta arrastar o componente para a tela.

Digite o texto "Preferências" no Stage e em seguida arraste três componentes checkbox para o palco.

Utilizamos o painel de propriedades para ajustar as configurações do componente.

O painel propriedades para estes elementos possui duas abas na parte superior direita. A primeira é o properties tradicional para uma instância, a segunda (Parameters) é onde configuramos o elemento.

No campo Label você define o texto que deve aparecer ao lado da checkbox (no nosso exemplo colocaremos Esporte, Viagens e Passeios para cada um dos checkbox).

Em Initial Value definimos o valor inicial da caixa, se marcada (true) ou desmarcada (false).

Label Placement indica onde o texto digitado no campo Label será posicionando em relação à checkbox (right ou left). O campo ChangHandler é opcional e nele definimos o nome de uma função que será chamada quando a caixa muda de status.

Teste o filme para ver nosso checkbox funionando.

• ListBox

Esse componente disponibiliza uma lista com diversas opções para serem escolhidas pelo usuário. Para aplicá-lo, basta arrastar o componente para a tela.

Digite o texto Softwares preferidos no Stage.

No campo Labels definimos os textos que aparecerão disponíveis para a escolha do usuário. Para inserir valores, clique na lupa que aparece ao selecionar o campo labels.

No campo Data definimos os valores que serão associados a cada uma das opções dos Labes. Para inserir os valores, basta clicar também na lupa à direita desta opção.

O campo Select Multiple define se será permitido selecionar mais de um valor. Para o nosso caso vamos escolher que sim (true).

O campo Change Handler tem em todos os componentes a mesma função que foi descrita quando falamos sobre o CheckBox.

Agora teste seu arquivo, que permitirá que você selecione mais de um se utilizar as teclas Control ou Shift.

• Radio Button

Esse componente funciona da mesma maneira que os já tradicionais botões de rádio para formulários, ou seja, permite apenas um opção. Arraste dois radio para a tela.

Digite o texto Sexo no Stage à esquerda dos botões, no campo Label você define o texto que vai aparecer ao lado do botão (no nosso caso serão Masculino e Feminino).

Em Initial State você define se o botão estará selecionado inicialmente (true) ou desmarcado (false).

Em Group Name se encontra o responsável por só podermos selecionar um das opções, uma vez que se tivermos o mesmo nome somente um poderá ser escolhido. Se forem nomes diferentes, será permitida múltipa seleção (no nosso caso digite sexo para os dois radio button).

Em Data você define o valor que será associado à opção (escolha M para o masculino e F para o feminino).

Label Pacement define onde será colocado o texto do Label em relação ao botão.

• ScrollPane

Esse componente cria um campo com barras de rolagem onde um Movie Clip será inserido.

Primeiramente importe uma imagem qualquer, converta-a em símbolo Movie Clip com um nome de sua preferência.Você deve clicar no botão Advanced para configurar outras opções.

Escolha Export for ActionScript para poder inserir esse Movie Clip no painel ScrollPane. No campo Indentifier definiremos seu identificador que será utilizado para chamá-lo.

Marque a opção Export in First Frame para que seja exportado logo no primeiro quadro.

Agora você pode deletar o Movie Clip do Stage, pois ele será chamado da library via ActionScript.

Arrate o componente ScrollPane para a tela para configurá-lo.

Em Scroll Content você deve digitar o nome do identificador na janela do símbolo, no nosso caso foi "foto".

Horizontal Scroll e Vertical Scroll definem se as barras aparecerão caso necessários (auto), se mesmo que desnecessárias (true), ou se aparecerão mesmo quando necessárias (false).

Drag Content configura se você pode arrastar o contúdo da janela quando configurado em (true) ou se não pode (false).

• ComboBox

Esse componente cria uma ComboBox no qual o usuário terá opções que se encontram ao expandir esse menu.

Arrate o combo para o Stage.

Editable quando true, possibilita ao usuário digitar um valor na área da combo e em Labels definimos o que aparecerá como item do menu.

Para adicionar os itens, procederemos de maneira semelhante à do ListBox, clicando na lupa e inserindo os valores na janela que se abrirá.

Em Data definiremos na janela que se abrirá ao clicar na lupa os valores associados aos itens do menu.

Em Row Cound definimos o valor máximo de itens visíveis ao mesmo tempo no combo. Se deixarmos definido como 8, o 9º item e os posteriores seriam visualizados por meio de barras de rolagem que surgiriam no menu.

• Push Button

Esse componente cria rapidamente um botão que interage ao ser clicado ou interagindo pelo teclado.

Em Label digitamos o texto que aparecerá no botão. Em Click Handler podemos digitar a função criada no ActionScript que será acionada ao clicar no botão.

• ScrollBar

Agora utilizando esse componente para anexar a um texto uma barra de rolagem se tornou uma tarefa extremamente fácil.

Crie uma caixa de Dynamic Text em que teremos o texto "Texto que rolará para visualizarmos o componente ScrollBar" aparecendo repetidas vezes para termos conteúdo para ser rolado.

Dê a essa caixa de texto o nome de instância "texto" (sim, agora texto também pode receber nome de instância !!!!), e em seu tipo de linha escolha Multiline.

Arraste o componente para a área direita da caixa de texto na tela e você verá que a barra será anexada ao texto.

Agora você pode selecionar o texto novamente e puxando pelo quadrado preto na área inferior da caixa de texto. Redimensione a barra de rolagem alterando no painel properties sua altura (H).

Nos parêmetros do componente ScrollBar você pode definir o nome de instância do texto a este anexado (no caso por termos arrastado esse campo, já está preenchido).

Em Horizontal você define se quer barra de rolagem na horizontal (true) ou não (false).

Pronto, seu texto agora possui barras de rolagem. Publique e verá o resultado.

Bom pessoal, ficamos por aqui com mais um ótimo artigo. Espero que aproveitem essas informações da melhor forma possível e que as utilizem em seus próximos trabalhos !

Um forte abraço a todos....

Todos os artigos de Giovani Generali

13/12/2002 - Sistema de votação - Parte 01 13/12/2002 - Flash MX: Named Anchors 13/12/2002 - Newsletter Simples 13/12/2002 - Dreamweaver MX: Efeito Alpha 13/12/2002 - Guestbook - Parte 03 13/12/2002 - Dreamweaver MX: Exibindo registros por data 13/12/2002 - Flash MX: Templates 13/12/2002 - ColdFusion MX: Novos Recursos 13/12/2002 - Flash MX: Componentes 13/12/2002 - Modificando Registros: Dreamweaver MX 13/12/2002 - Fireworks MX: Plug-ins 13/12/2002 - Excluindo múltiplos registros com checkbox 13/12/2002 - Dreamweaver MX: Exibindo imagens 13/12/2002 - Dreamweaver MX: Criação e manuntenção de um site 13/12/2002 - Flash MX: Vídeos 13/12/2002 - Dreamweaver MX: Recursos de CSS 13/12/2002 - Flash MX: Fs Commands 13/12/2002 - Fireworks MX: Animação 3D 13/12/2002 - Dreamweaver MX: Sistema de banner rotativo 13/12/2002 - Excluindo registros no Dreamweaver MX 13/12/2002 - Dreamweaver MX: Layout View 13/12/2002 - Dreamweaver MX: Transforme tabelas em menus 13/12/2002 - Guestbook - Parte 01 13/12/2002 - Dreamweaver MX: Login automático 13/12/2002 - Flash MX: Máscara Arrastável 13/12/2002 - Dreamweaver MX: Criando uma busca 13/12/2002 - Fireworks MX: Sombra Perspectiva 13/12/2002 - Fireworks MX: Efeito Reflexo 13/12/2002 - Newsletter Simples 13/12/2002 - Dreamweaver MX: Templates 13/12/2002 - Guestbook - Parte 02 13/12/2002 - Dreamweaver MX: Contador de cliques 13/12/2002 - Flash MX: Preloading 13/12/2002 - ColdFusion MX: Arquitetura 29/07/2002 - Plugins Fireworks

0 comentários publicados

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

Giovani Generali trabalha com desenvolvimento de projetos para web desde 2000 e atualmente atua na área de suporte da LocaWeb.

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

tecnologia desenvolvimento google crescimento web brasil photoshop yahoo iphone gerência lançamento 3g internet publicidade design mobile php ti seguranca windows microsoft apple celular youtube mercado linux

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!