segunda-feira, 16 de maio de 2011

Como fazer uma Barra de Progresso Arrastavel em Flash, por Thauan Braga

Uma barra de progresso que segue o mouse, uma animação super interessante que pode ser usada de várias formas.

Se você não sabe como criar seu próprio Draggable Barra de Progresso em Flash , então este é o lugar certo.
Primeiro de tudo, a usabilidade deste flash  pode ser múltiplo, mesmo se falamos de carregamento, as barras de rolagem, buscando volume, ou barras do gráfico. Outra vantagem quando você usa seu própria barra de progresso, em vez de o componente já desenvolvido em Flash, é que o tamanho do arquivo vai ser muito pequeno.

Configurando os arquivos

No Flash, crie um novo arquivo do ActionScript 3.0, com dimmensions 590x300px e salvar o arquivo como progresso. Nossa barra de progresso irá conter dois MovieClips - pele bar (aquela que você vê por trás) e faixa de pele (o que é arrastável); criá-las como na imagem em anexo, em seguida, fazê-los como um MovieClip novo, chamado percentBar.

Enquanto arrasta, que pretende apresentar em algum lugar o progresso e, em seguida, usar esse valor para se deslocar ou fazer alguma coisa. Para fazer isso precisamos criar uma caixa de informação, onde o percentual será. Basicamente o que você precisa fazer, é criar um MovieClip no palco com novos boxInfo nome da instância, e dentro desta a adicionar um TextField dinâmico, txt chamado.

DraggableProgressBar.as

Crie um novo arquivo de classe do ActionScript 3.0, chamada DraggableProgressBar.as, e declarar todos os MovieClips da barra de progresso como variáveis ​​públicas:






Como você observa que há uma variável por cento também, que irá armazenar um valor quando o trackSkin MovieClip é arrastado. Na função init nós vamos:
  • definir a barra de progresso como buttonMode;
  • fazer a largura trackSkin a ser 0;
  • adicionar ouvintes quando Mouse é baixo ou para cima;




Baixar Arquivo: Draggable percent bar.zip
Link Original: OFICINA DA NET

Nenhum comentário: