280 likes | 408 Views
Flash Lite 2.1. Alunos: João da Rocha Pascoal Neto (jrpn) Caio Cesar Neves de Oliveira (ccno) João Paulo Sabino de Moraes (jpsm). Roteiro. Introdu ção Comercio de celulares no Brasil Brasil em relação ao resto do mundo Caracteristicas e Funcionalidade MovieClips
E N D
Flash Lite 2.1 Alunos: João da Rocha Pascoal Neto (jrpn) Caio Cesar Neves de Oliveira (ccno) João Paulo Sabino de Moraes (jpsm)
Roteiro • Introdução • Comercio de celulares no Brasil • Brasil em relação ao resto do mundo • Caracteristicas e Funcionalidade • MovieClips • Campos de Texto • Algumas funções e propriedades globais importantes • Classe Key • Exemplos • Exercícios
Introdução • A primeira versão, o Flash Lite 1.0, foi lançada em fevereiro de 2003 para a séroe de dispositivos NTT DoCoMo 505i no Japão • Mais de 60% dos sites i-mode oficiais são baseados em Flash Lite para tráfego de dados, proporcionando aos usuários finais uma maior interatividade de navegação e conteúdo. • Atualmente, o player do Flash Lite está instalado em mais de 28 modelos de telefones móveis da DoCoMo e já pode ser instalado em mais de 50 dispositivos diferentes
Comércio de Celulares no Brasil • O Brasil é o quinto país que mais comercializa celulares no mundo. • 70.790.000 kits (Abril 2005) • 38.61 telefones / 100 habitantes. • A indústria de celulares Brasileiros produziu: • 2004: 8.9 milhões de kits • 2005 (Jan – Abril): 9.4 milhões de kits
Brasil em relação ao resto do mundo Fonte: UIT
Características e Funcionalidade • Flash Lite 2.1 lhe oferece as mesmas características de timeline do Flash 8 que podem ser encontradas como: • MovieClips • Botões • Eventos • Campos de texto • Bitmaps • Gradientes • Vetores • Etc...
MovieClips • Assemelham-se a arquivos SWF que funcionam independentes uns dos outros e da Timeline (linha do tempo) que os contém. • Por exemplo, se a Timeline principal possuir somente um quadro, e um MovieClip nesse quadro possuir dez quadros, cada quadro do MovieClip será reproduzido enquanto quando o arquivo SWF principal for reproduzido. • Um MovieClip pode conter outros MovieClips ou MovieClips aninhados existindo uma hierarquia no qual um MovieClip pai contem um ou mais MovieClips filho
MovieClips • Pode-se atribuir nomes a instancias de MovieClips para identificá-los de forma exclusiva como qualquer objetos que podem ser controlados pelo ActionScript • Quando um nome de instancia é atribuido a uma instancia de MovieClip, esse nome o identifica como um objeto da classe MovieClip podendo usar propriedades e métodos da classe para controlar a aparência e o comportamento durante sua execução.
Propriedade dos MovieClips • _width (largura) • _height (altura) • _x (posição x no palco) • _y (posição y no palco) • _alpha (grau de opacidade) • _rotation (rotação do MovieClip em graus) • _visible (boolean que indica a visibilidade do MovieClip) • _xscale (escala do MovieClip em x) • _yscale (escala do MovieClip em y) • Etc..
Campos de Texto • Existem tres tipos de campos de campos de texto: • Static Text • Input Text • Dinamic Text
Campos de Texto • Input Text são campos em que o usuário digita o texto desejado. Possuem propriedades alteráveis. • Static Text são texto previamente determinados em que não pode mudar nenhuma propriedade do campo • Dinamic Text são textos dinamicos, ou seja, pode mudar suas propriedades como texto, posição, x, y, etc..
Propriedades dos Campos de Texto • Possuem propriedades de MovieClips e outras a mais como: • text (o texto do campo) • maxChars (numero maximo de caracteres) • restrict (próprio para Input Text, restringe os caracteres que podem ser inseridos no campo) • password (todos os caracteres do campo são representados por *)
Algumas funções e propriedades globais importantes • trace(object) - imprime o objeto na tela de output (F2) • Stage.width - largura do palco • Stage.heigth - altura do palco
Classe Key • Classe fundamental para quem trabalha com aplicações para celular • Toda entrada passada pelo usuário, numa aplicação móvel, vem das teclas do celular que é gerenciada pela classe Key • Todos os botões do celular são mapeados pela Classe Key atraves de Key Codes ou Ascii Codes
Métodos e propriedades da classe Key • Key.getCode() - retorna o key code do ultimo botão pressionado • Key.addListener(myListener:Object) – adiciona um evento que é acionado quando uma tecla é pressionada • Key.UP - tecla direcional para cima • Key.DOWN - tecla direcional para baixo • ExtendedKey.SOFT - teclas soft do modelo, que podem ser numeradas de 1 a 12 (SOFT1 é a esquerda e SOFT2 é a direita)
Prática • Mostraremos alguns exemplos de aplicações bem simples para Flash Lite 2.1 utilizando os conceitos passados anteriormente. • Primeiramente, abra o Macromedia Flash 8 e escolha o modo Flash Document
Na tela seguinte vá para a aba Flash • No campo Version escolha a opção Flash Lite 2.1 e em seguida clique em Ok.
Em seguida , na parte de baixo da tela, clique no botão Settings...
Nas pastas que aparecerão em seguida escolha respectivamente, Symbian, Series 60, Nokia e Nokia 6630, depois adicione o modelo no botão Add>> e clique Ok
Agora temos que modificar o tamanho do palco para ser compativel com o tamanho do palco do Nokia 6630 • Na tela principal vá para o menu Modify e em seguida selecione Document...
Nos campos Dimensions modifique o campo width para 176 e o campo height para 208 e confirme em Ok
Exemplo Prático 1 • Aparecer mensagens de texto diferentes quando apertar os botões SOFTS diferentes • Abra www/~jrpn/arquivos/Multimidia/Seminario Flash Lite/Exemplo 1.fla
Exemplo Prático 2 • Mover um MovieClip para a esquerda e para a direita através das direcionais do celular • Abra www/~jrpn/arquivos/Multimidia/Seminario Flash Lite/Exemplo 2.fla
Exercício Proposto 1 • Modifique o código do “Exemplo 1.fla” para que o campo de texto apareça a mensagem (“Você pressionou o botão ??”) somente para as teclas numéricas e apareça a mensagem (“Você não pressionou teclas numéricas”) caso a tecla que você apertou não seja numérica. • Obs: Utilize Key.getAscii() ao invés do Key.getCode()
Exercício Proposto 2 • Modifique o código do “Exemplo 2.fla” para que o quadrado possa mover para cima, para baixo e para os lados através das direcionais corretas e poder aumentar e diminuir o alpha através dos botões SOFT esquerdo (diminuir) e direito (aumentar) • Obs 1: O alpha do MovieClip deve ficar sempre entre 0 e 100 • Obs 2: O incremento das direcionais e do alpha deve ser sempre de 5 unidades