Upload
internet
View
103
Download
0
Embed Size (px)
Citation preview
Universidade do Vale do ParaíbaColégio Técnico Antônio Teixeira Fernandes
Disciplina Programação Orientada a objetos II.
Material III-Bimestre
Caixa de Combinação,Caixa de Lista, Botão de Rádio, Botão de verificação,Painel de rolagem
Barra de Rolagem, Manipulando dados dos objetos de interface, Controlando as propriedades
de um filme.Criando Funções e procedimentos.
e-mail : http://www1.univap.br/~wagner
Prof. ResponsáveisWagner Santos C. de Jesus
2
Objetos de controle
Objeto
Caixa de Lista
Caixa de Combinação
Barra de Rolagem
Botão de Rádio
Botão de Verificação
Métodos e propriedades de controleEvento
3
Icones que representam os objetos
*
Os objetos acima mencionados permitem que o usuário possua maior facilidade no contato com uma interface desenhada em uma aplicação.
4
Caixa de lista
Propriedades Valor
Labels Determina títulos da caixa
Data Determina dados da caixa
Select Multiple Informação booleana que determina o tipo de seleção da caixa de texto.
Change Handler Função a ser executada mediante a seleção da caixa.
5
Adicionando dados em uma lista
Método : addItem() – em tempo de execução.
Exemplo :
_root.lista.addItem("Banana");_root.lista.addItem("Laranja");_root.lista.addItem("Abacaxi");
6
Capturando informações de uma lista
Método : getvalue() – Selecionadas pelo usuário.
Exemplo :
str1 = _root.lista.getValue();
7
Capturando os elementos por intermédio de índices.(Lista)
Método : getItemAt(<ExpN>) – com a propriedade Label ou Data.
Exemplo :
items = _root.lista.getItemAt(0).Label;
8
Contando o número de elementos em uma lista.
Método : getLength()
Exemplo :
tam = _root.lista.getLength() ;
9
Retornando o número do índice selecionado.
Método : getSelectedIndex()
Exemplo :
x = _root.lista.getSelectedIndex();
str1 = _root.lista.getItemAt(x).Label;
10
Removendo elementos de uma caixa de lista.
Método :removeItemAt(<ExpN>);
removeAll(); remove todos os itens.
Exemplo :
_root.lista.removeItemAt(1);_root.lista.removeAll(); // Todos Elementos
11
Caixa de Combinação
Propriedades Valor
Editable Determina se poderá haver ou não edição da caixa.(boolean)
Labels Determina títulos da caixa
Data Determina dados da caixa
Row Count O número de linhas exibidas na caixa de combinação
Change Handler Função a ser executada mediante a seleção da caixa.
12
Observação : Todos os métodos válidos para a caixa de lista também são equivalentes para a caixa de combinação.
13
Caixa de Verificação
Propriedades Valor
Label Mensagem frontal da caixa
Initial Value Determina se a caixa irá aparecer marcada ou não (boolean)
Label Placement Determina se o marcador irá aparecer a esquerda ou direita da caixa.
Change Handler Função a ser executada mediante a seleção da caixa.
14
Capturando informações da caixa de verificação.
Método : getValue() – retorna true caso a caixa seja selecionada ou falso caso contrário.
Exemplo :
if(_root.chk.getValue()) trace(“Ok”);
else trace(“Não Selecionado !!”);
15
colocando informação na caixa de verificação.
Método : setValue(<ExpL>) – Marca a caixa ou desmarca usando um valor booleano.
Exemplo :
_root.chk.setValue(true);
16
Propriedades Valor
Label Mensagem frontal dos botões
Initial State Determina o estado do botão (boolean)
Group Name Nome do grupo de botões.
Data Determina dados da lista dos botões.
Label Placement Determina se o marcador irá aparecer a esquerda ou direita da caixa.
Usando botões de rádio
17
Capturando seleção de botões de rádio.
Método : getValue() – retornar o índice correspondente a opção selecionada no botão.
Exemplo :
indice = _root.radioGroup.getValue();
18
Habilitando um botão de rádio em tempo de execução.
Método : setState(<ExpL>);
Exemplo :
_root.r1.setState(true);
Onde r1; nome da instância individual do objeto.
19
Polimorfismo
Grande parte dos métodos do ActionScript podem ser aplicados a vários objetos, esse conceito e denominado polimorfismo ou seja (herança de um método).
Objeto]Caixa de Texto
Botão de comando
Caixa de Lista
Caixa combinação
Botão de rádio
Caixa de verificação
setEnabled(boolean)
20
Exemplo para desabilitar uma caixa de lista
Método : setEnabled(<ExpL>);
Exemplo :
_root.lista.setEnabled(false);
21
Usando barra de rolagem
setSize() : Envia um valor que determina o tamanho da barra de rolagem.
Exemplo :
_root.scroll.setSize(100);
setHorizontal() : Booleano que determina se a barra irá ficar na horizontal ou vertical; (true/false).
Exemplo :
_root.scroll.setHorizontal (true);
22
Determinando limite da barra de rolagem.
Método : setScrollProperties(<Expn1>,<ExpN2>,<ExpN3>);
<ExpN1> : Tamanho do indicador da barra.
<ExpN2> : Limite inferior do deslocamento da barra.
<ExpN3> : Limite superior do deslocamento da barra.
Exemplo :
_root.scroll.setScrollProperties (3, 0, 100);
23
Capturando informação da barra de rolagem
Método : getScrollPosition() – retorna um número correspondente a posição da barra de rolagem.
Exemplo :
_root.texto =_root.scroll.getScrollPosition();
24
Funções e Procedimento
Uma função nada mais é do que um pequeno fragmento de código que retorna um valor; o procedimento funciona exatamente da mesma forma mas não retorna nenhum tipo de valor.
25
Funcionamento das Funções e Procedimentos
Chamada (função)
Ou Procedimento
Camada
Implementação
Função
Resultado
Função
Procedimento
26
Comando functionPermite criar uma função ou um procedimento.
Sintaxe:
function <nome>(<lista de parametros>) {
<Instruções>
[return <valor>]
}
function <nome>(<lista de parametros>) {
<Instruções>
}
27
Exemplo : function
function somatoria(valores) {
soma = 0;
for(i=0;i<=valores.length-1;i++){
soma+=Number(valores[i]);
}
return soma;
}
28
Exemplo da chamada da function
on (press) {
num = new Array(1,2,3);
trace(_root.somatoria(num));
}
29
Associando um evento na alteração de um objeto em tempo de execução
Objeto setChangeHandler()
Função (FDU)
Estimulo(Usuário Final)
30
Exemplo: setChangeHandler()
lista.setChangeHandler("funcao");
function funcao() {
trace(“Execução da função “);
}
31
Camadas
No ambiente do Flash, muitas vezes se faz necessário associar em layers(camadas) para que se possa desenvolver programas com maior flexibilidade de manutenção e dividir as rotinas escritas em uma aplicação.
32
Para criar uma nova camada basta seguir as informações abaixo.
Clique da direita com o mouse na opção Camada 1
Selecionar Inserir Camada
33
Aplicando rotinas em uma camada
Selecione a camada a ser usada.
Implementação do código
34
Quadros
Para se criar em uma aplicação onde temos várias telas para serem chamadas durante a execução da aplicação é necessário criarmos os quadros (pictures).
Inserir um quadro é necessário para se criar animações e novas telas; usando a linha de tempo.
35
Criando um novo Quadro
Linha de tempo
Quadro Chave
36
Criando um quadro chave
Selecione a opção do menu.
Clique da direita do mouse.
37
Realizando troca de quadros
Método: gotoAndStop(<expN>|<expS>);
<ExpN> : Determina o número do quadro a ser apresentado na cena.
<ExpS>: Poderá ser usado como opção o nome do quadro.
38
Aplicação do método : gotoAndStop()
on (press) {
_root.gotoAndStop (2);
}
on (press) {
_root.gotoAndStop (1);
}
39
Movimento de quadros
Quadro-1
Quadro-2
Quadro-n
Temporizador 12 qps
40
Parando a movimentação dos quadros.
Método : stop() – interrompe a transição de um quadro para outro. (deve ser colocado no palco).
Exemplo :
stop();
41
Carregando URL
Aplicação ActionScript
Navegador de Internet (Browser)
42
Carregando uma página em ActionScript
Método : getURL() – Carrega uma página direto de um programa AS.
Exemplo :
_root.getURL (<url>[,janela],[metodo]);
url – Caminho da páginajanela – Qual janela do browser será exibida.Método – Post ou Get para envio de dados para uma
página.
43
Exemplo : getURL()
on (press) {
_root.getURL ("http://www1.univap.br/~wagner");
}
44
Trabalho com cores
Criando uma instância da classe Color() :
- Instância vem a ser a criação de um objeto.
Exemplo :
cor = new Color(Objeto);
45
Tabela de cores
R(Red) G(Green) B(Blue) Cor
0 0 0 Preto
ff 0 0 Vermelho
0 ff 0 Verde
0 0 ff Azul
ff ff ff Branco
46
Colocando a cor em objeto.
Método : setRGB() – colocar cor em um objeto usando parâmetro hexadecimal.
Exemplo :
cor = new Color(filme);
cor.setRGB(0xff0000);
47
Observação
Durante a execução do programa não existe a possibilidade de instanciar novamente a classe Color(); para que isso seja possível é necessário criar um conceito denominado de Transformação.
48
Aplicando Transformação de cores
Método : setTransform() : definição da cor usando valor decimal.
Exemplo :
cor.setTransform(objetocor);
49
Parâmetros de transformação
Propriedade Funcionalidade
ra Porcentagem do componente vermelho(-100 a 100)
rb Deslocamento do componente vermelho (-255 a 255)
ga Porcentagem de componente verde (-100 a 100)
gb Deslocamento do componente verde(-255 a 255)
ba Porcentagem de componente azul (-100 a 100)
bb Deslocamento do componente azul (-255 a 255)
aa Porcentagem do canal alpha (-100 a 100)
ab Deslocamento do canal alpha (-255 a 255)
50
Aplicando : setTransform()
filme
Objeto (Cor)Objeto
(Transformação)
Definir parâmetros
TransformaçãoTransforma a cor
setTransform()
51
Exemploon (release) {
// cria um objeto de corcor = new Color (_root.filme);
// cria um objeto de transformaçãonovaCor = new Object();
// define os parâmetros de transformaçãonovaCor.ra = 100;novaCor.rb = 255; //RnovaCor.ga = 100;novaCor.gb = 0; //GnovaCor.ba = 100;novaCor.bb = 0; //B
// transforma a cor do clipecor.setTransform(novaCor);
}
52
Modificando propriedade de um objeto em tempo de execução
setStyleProperty
Objeto
setStyleProperty
Modificando propriedades
Efeito
53
Propriedades
Propriedade Valor
selection Cor (Hexadecimal)
textFont Tipo da fonte
54
Exemplos
Muda a cor da barra de rolagem de uma caixa de lista.
Exemplo :
listBox.setStyleProperty("selection",0xff0000);
Muda o tipo da fonte dos botões de radio.
Exemplo:radioGroup.setStyleProperty("textFont", “Arial Black”);
55
Painel de Rolagem
Propriedades Valor
Scroll Content Símbolo da biblioteca a ser exibido.
Horizontal Scroll Ativa a barra de rolagem Horizontal (auto/true/false)
Vertical Scroll Ativa a barra de rolagem vertical (auto/true/false)
Drag Content Permite movimentar a imagem arrastando o mouse(true/false).
56
Colocando um símbolo na biblioteca
Selecione a opção do menu
Selecione a opção Importar
57
Selecione o arquivo (jpg) da caixa de dialogo abaixo
Selecione o arquivo a ser importado
58
Click da direita do mouse na figura.
Selecione a opção converte símbolo
59
Selecione as opções marcadas
Escreva o nome do símbolo a ser criado.
Selecione a opção para vincular o símbolo ao programa.
60
Observação
Feitos os passos anteriores a figura do palco deve ser apagada.
61
Vinculando símbolos ao ScrollPane
ScrollPane
setScrollContent()
Biblioteca(símbolos)
62
Aplicando Símbolos da bibilioteca
Método : setScrollContent(<ExpS>) : Insere uma figura a um objeto ScrollPane.
Exemplo :
_root.scrollPane.setScrollContent("sala")
63
Programa Exemplo
on (press) {
_root.scrollPane.setScrollContent("sala")
}