helyoWAP

TUTORIAL WML
(18)
Programas comentados: phone27.wml

Autor: Helio Fonseca Rosa

Esta página contém muitas figuras. Aguarde a carga se a conexão estiver lenta.

Programa Phone27.wml

Objetivo: A partir de uma primeira tela, pode-se desviar para duas outras, através das teclas "ACCEPT" e OPTIONS". As duas telas permitem o retorno à primeira tela, proporcionado pelo elemento <prev>.

      

Phone27.wml (código):

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml> 
<card id="card1"> 
<do type="accept" label="card2"> 
<go href="#card2"/> 
</do> 
<do type="options" label="card3">
<go href="#card3"/>
</do>
<p align="center"> 
**helyoMOBILE **<br/>
** card 1 **<br/>
Pressione as teclas para desviar para o<br/> card2 ou o card3
</p> 
</card> 

<card id="card2"> 
<do type="prev"> 
<prev/> 
</do>
<p align="center"> 
**helyoMOBILE **<br/>
** card2 **<br/>
Pressione a tecla "OK" para voltar ao card anterior<br/>
(teste "prev")
</p>
</card>

<card id="card3"> 
<do type="prev" label="volta"> 
<prev/> 
</do>
<do type="options" label="card2">
<go href="#card2"/>
</do>
<p align="center"> 
**helyoMOBILE **<br/>
** card3 **<br/>
Pressione a tecla "OK" para voltar ao card anterior<br/>
(teste "prev")
</p>
</card> 
</wml>

(A listagem acima foi copiada/colada/gravada e testada no UP Simulator)

Comentários:
A utilização do elemento <prev>  requer uma avaliação por parte do programador. A função de retorno ao card exibido anteriormente, de um modo geral, também é proporcionada pela tecla "BACK" ou equivalente, encontrada nos teclados de simuladores e celulares reais. Além disso, o retorno proporcionado pelo <prev> não é exatamente para o último card exibido, mas para o card armazenado anteriormente no "registro histórico" (history stack). O UP Simulator mantém os endereços dos cards visitados numa pilha.  Bem, isto é uma simplificação. Num ambiente de "contextos" a pilha contém um registro dos contextos visitados  e, em cada contexto, os cards visitados.

Vamos inspecionar o código acima. No card1 vemos as duas "softkeys" programadas para desviar para o card2 ou para o card3.
O card2 apresenta a versão "reduzida " (standalone) do elemento <prev>. Quando usado na versão "container" sua sintaxe é <prev> "conteúdo" </prev> onde "conteúdo" é a inicialização de uma ou mais variáveis.
O card3 é tem a mesma estrutura do card2 com acréscimo da programação da tecla "OPTIONS" para um desvio para o card2.

 

WirelessBRASIL                 Portal helyoWAP                    Anterior                    Próxima