SÁVIO PONTE (39 pts)

RODRIGO AMARAL (56 pts)

LUIZ HERRERA (117 pts)

BÁRBARA TOSTES (64 pts)

ILVA RUDEV (90 pts)

DAUTON JANOTA (255 pts)

JONAS GALVEZ (521 pts)

GUILHERME G.G. (137 pts)

MANGOOST (80 pts)

EDUARDO WALMOTT (226 pts)

RÔMULO NUNES (32 pts)

DAAFY (55 pts)
Treinamento PontoFlash de Flash e ActionScript

Como faço para checar se os campos de um formulário foram preenchidos?

Quando fazer um CD ROM em Flash?

Função tela tremendo (shake) com Flash e Javascript.

Como eu faço para criar um arrays de variáveis com um índice?

Como faço para que um objeto fique com efeito de elástico?

Como validar várias senhas e logins cadastradas no Flash?

Técnica para facilitar o acesso de documentos XML pelo Flash.

Como faço o loading bem simples?

Como faço para registrar um desenho-logo?

Como carrego e descarrego (load movie) um filme no mesmo botão?

Várias formas para fazer code animation (animação por actionscript).

Haveria um código javascript para fazer esse resize automático num HTML?

Como configurar um fadeIn e um fadeOut em um arquivo de som?

Como fazer um movieclip andar na diagonal?
Objeto Array: métodos sort() e reverse().

Usando Define Patern para criar texturas contínuas no PhotoShop.

Tratamento de imagens e alguns efeitos no Fireworks

Interação de Flash+Asp.

Bolhas flutuantes.

Parâmetro - Get microphone().

Entendendo como funciona um preloader. Primeira parte.

Roof e Marciowebmaster - Avaliação de sites

3D Wireframe.

0wn3d Again BY Destution Team

Gráfico pizza.

Imagem Pixel a Pixel no PhotoShop.
Troca cor de fundo

Zoom e movimento

Receber XML

Simple mousefollow

WDDGmask

Mulher

SomnoFlash5

EnterFrame

Trocar cor de fundo

Menu Popup

Carro com Tweening

Enquete
HOME | TUTORIAIS
LOAD vs XMLConnector, vantagens e diferenças no carregamento do XML
por Pedro Claudio

Como o script anterior este aqui também foi inspirado em uma pergunta do Grupo PontoFlash de discussão.
Para comparar o Component com a função precisamos entender como o Flash recebe a estrutura do XML, aprender a trabalhar com algumas propriedades XML e dominar o Component XMLConnetor.

Analise o objeto da discórdia, o XML:

:

Repare que os dados que vão ser utilizados pelo Flash não estão na forma de atributos da tag e sim como conteúdo da tag.


Primeiro o uso do load, e em seguida o uso do XMLConnector. Crie um novo layer e instancie load, insira no palco alguns componentes para exibição dos dados, como na figura.

Instancie os componentes, na ordem do topo para base do palco:
  - TextArea = xml
  - ComboBox = select
  - TextArea = xmlStrip
  - TextInput = id
  - TextInput = title
  - TextInput = lastUpdated
  - TextArea = content

Selecione o 1º frame do layer load e abra a janela 'Actions - Frame'. Vamos começar a carragar o XML.

Será exibido com o trace exatamente o conteúdo do arquivo xml.xml


O xml foi carregado para a variável myLoad. Agora, vamos atribuir o conteúdo das tags aos componentes, logo após o carregamento do arquivo xml.

Retorne para a janela onde começamos nosso script.

Precisamos de mais uma função para criar a interação do ComboBox, os demais componentes e o XML carregado.

Agora a parte do XMLConnector

Crie um novo layer e instancie XMLConnector, insira no palco alguns componentes para exibição dos dados. Veja como nosso palco ficará.

Instancie os componentes, na ordem do topo para base do palco:

  - XMLConnector = myConnector
  - TextArea = xml2
  - ComboBox = select2
  - TextArea = xmlStrip2
  - TextInput = id2
  - TextInput = title2
  - TextInput = lastUpdated2
  - TextArea = content2

Na janela Component Inspector>Parametrs altere URL para o nome do arquivo e direction para receive.

Para o XMLConnector iniciar uma comunição vamos criar uma trigger. Selecione o layer XMLConnector na janela Behaviores>(+)>Data>Trigger Data Source, a janela Trigger Data Source selecione o nosso XMLConnector e click em OK.

Repare que no layer XMLConnector o Flash escreveu pra você this.myConnector.trigger();

Selecione o XMLConnector e na janela Component Inspector>Schema>selecione results> 'Import a schema from a sample XML file',
selecione o nosso xml.xml. Com este procedimento, o Flash já sabe estrutura do XML.

O XMLConnector está pronto para atribuir dados a partir do XML.

1 - O procedimento para atribuir valores do TextArea:xml2 é o mais básico.
1.1 - Com o componente XMLConnector selecionado, vá em Component Inspector > Bindings, e no sinal de mais (+) escolha myNode:Object.
1.2 - Na janela Bindings selecione result.myNode. Repare a jenela abaixo de result.myNode. Vamos configurar o direcionamento do dado selecionado no myNode.
1.3 - Na janela de configuração de Bindings, em direction, selecione out.
1.4 - Em 'bound to' vamos colocar o textArea. Basta dar dois clicks para ser aberta a janela 'bound to'.
1.4.1 - Em Component path escolha o textArea xml2.
1.4.2 - Em Schema location, escolha text:String
1.4.3 - oK

Teste o filme teclando Ctrl+Alt+Del. Os dois TextArea do topo estão iguais. Retorne ao modo developer.

2 - Agora vamos atribuir valores ao ComboBox.
2.1 - Com o componente XMLConnector selecionado, vá em Component Inspector > Bindings, e no sinal de mais (+) escolha body:Array.
2.2 - Na janela Bindings, selecione result.myNode.body.
2.3 - Na janela de configuração de Bindings, em direction, selecione out.
2.4 - Em 'bound to' vamos colocar o combobox.
2.4.1 -Em Component path escolha o combobox select2.
2.4.2 -Em Schema location escolha dataProvider:Array.
2.4.3 -oK.
2.5 - Em formatter selecione, Rearranger Fields
2.6 - De dois clicks em formatter options, na janela que se abrirá coloque label=title;data=id e ok

3 - Atribuição de valores para o 2º TextArea do XMLConnector.
3.1 - Com o componente XMLConnector selecionado, vá em Component Inspector > Bindings, e no sinal de mais (+) escolha [n]:Object.
3.2 - Na janela Bindings, selecione result.myNode.body.[n].
3.3 - Na janela de configuração de Bindings, em direction, selecione out.
3.4 - Em 'bound to' vamos colocar o textarea.
3.4.1 - Em Component path, escolha o textarea xmlStrip2
3.4.2 - Em Schema location, escolha text:String
3.4.3 - Ok
3.5 - Em Index for 'body', dê dois clicks e será aberta a janela Bound Index
3.5.1 - desmarque a opção use constant value
3.5.2 - Em Component path, escolha o combobox select2
3.5.3 - Em Schema location, escolha selectedIndex:Number

4 - A atribuição de valores para os demais campos serão da mesma forma que o demonstrado no item 3, acrescendo a result.myNode.body.[n] o item desejado no XML e em 'bound to' o campo que receberá o dado.


Observe que o resultado final para o cliente é o mesmo, então abuse do XMLConnector.

Baixe aqui os arquivos do tutorial



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário