Pular para o conteúdo

Crie aplicativos multi-funcionais para dispositivos iOS e Android com o ADF Mobile

Aplicação ADF Mobile

Oracle ADF Mobile é a plataforma de desenvolvimento de aplicativo que permite a criação de aplicações multi-funcionais para dispositivos Apple iOS e Google Android a partir de uma única fonte, usando a abordagem de desenvolvimento declarativa. As aplicações rodam nativamente nos dispositivos móveis.

Faça o download do aplicativo de amostra – CurrencyConvertorMobileApp.zip – que utiliza o web service de conversão de moeda do webservicex.net para mostrar a taxa de conversão entre duas moedas que escolhemos.

Crie um novo Mobile Application (ADF). Defina Application Name para CurrencyConvertorMobileApp e Application Package Prefix para br.com.waslleysouza, clique em Finish.

Aplicação ADF Mobile

Agora, temos uma aplicação com dois projetos, ApplicationController que contêm arquivos de configuração para descrever os metadados da aplicação ADF Mobile, e ViewController que abrigará os recursos das funcionalidades do aplicativo.

efaG1V86fvY8FZVLm5i5I2i6JSr a37K6RzmstO wW5x7MY8aw4HVxNcAvp3yNZwJcIS7FY ruQzPa5PpFb

Vá para a seção Features de adfmf-feature.xml e clique no ícone de adição verde para adicionar um novo recurso. Defina Feature Name para CurrencyConvertor e clique em OK.

Vá para a guia Content, clique no ícone de adição verde do campo File e selecione Task Flow.
Na caixa de diálogo Create ADF Mobile Task Flow, clique em OK.

P7iy 6uijxDvWOmJOPuyuKBiU4qdWYX8e7zABLisfIS2oPTAQhLQi eUASEQEXzNxaI PO8eD78BI2P6ZXmXUEne62MtrAD l0FV0jAEvi4l9a Hu4bncYqpLwdo9s K1iE ot65Iw

Arraste dois componentes View do Component Palette e solte-os dentro do Task Flow.
Chame-os de Form e Result.

CxmYYs4uxr5Y9oshCpC80tKWP YsnU gxfrRnRqOHNjmqbw

Clique duas vezes no Form View, marque a opção Header e clique em OK para criar a página.

Wtqhw37nNkHlbaLxjmBHR9sOFuOzO3yREZd

Selecione o outputText e defina a propriedade Valor para Currency Convertor.
Adicione o código abaixo na página.

<amx:panelFormLayout id="pfl1">
  <amx:selectOneChoice label="From Currency" id="soc1" value="#{pageFlowScope.fromCurrency}">
    <amx:selectItem id="si1" label="----" value=""/>
    <amx:selectItem id="si2" label="Brazilian Real" value="BRL"/>
    <amx:selectItem id="si3" label="U.S. Dolar" value="USD"/>
    <amx:selectItem id="si4" label="Euro" value="EUR"/>
  </amx:selectOneChoice>

  <amx:selectOneChoice label="To Currency" id="soc2" value="#{pageFlowScope.toCurrency}">
    <amx:selectItem id="si5" label="----" value=""/>
    <amx:selectItem id="si6" label="Brazilian Real" value="BRL"/>
    <amx:selectItem id="si7" label="U.S. Dolar" value="USD"/>
    <amx:selectItem id="si8" label="Euro" value="EUR"/>
  </amx:selectOneChoice>
</amx:panelFormLayout>

<amx:commandButton text="Currency Convertor" id="cb2" action="goResult"/>
9r z7aEBqcquWekF25KKvHEisTI13FLvmiWxT5Q00YJlU bij02EWbFbYu6sUbkQjZy4GnzV7RjINQBY

Volte para o Task Flow, clique duas vezes no Result View, marque a opção Header e clique em OK para criar a página.

w9B41RyDrx7pW53G5mf0Q3vGtQNh5HrYcZKKvq2z0DWZdxk 9z wQteO gtu4RsN8nHb dBGvvYuptWOedCNjWysPIbcw vpgWU09mTkRJAaS1qEpoGKqADcpQIkf4n0NpXCezLhqzM

Selecione o outputText e defina a propriedade Value para Currency Convertor.
Adicione um componente para comunicar com o web service. Vá até File | New | Business Tier | Data Controls, selecione Web Service Data Control (SOAP/REST) e clique em OK. Defina Name para CurrencyConvertor e URL para http://www.webservicex.net/CurrencyConvertor.asmx?WSDL, e clique em Next.

I8EWi tDN6MrnMU b3rx2Lhvf6H1aZazWbQY6RRdi3RUWNhH06rBt9lYvvmaQvvUXhfjp72JF1b2ZZRsbcAU4MOrs JDj84gWJhqFdz34ifw UYzy7Pi5tM X7yvQV issBi2EhwBqw

Selecione o CurrencyConvertorSoap, e clique em Finish.

eaxEyo33mv4rAIcdKVacrqylwCMRjjoUfOB5FIKTh4qqJ57m

Vá até o painél Data Controls e expanda o CurrencyConvertor data control.
Arraste o Double – que representa o resultado do web service – para o Panel Page do painél Structure e solte como um ADF Mobile Output Text.

EEyKlo TOAzUkCEePhdOSDkt0UPL6cvyhv1DOPCYLFaz5qho1KZbfaKz6ZkpoPUjI6lls0QdAF vogzBpvGD 8v 9w3k5HnDVwo2ddyPXfeLfZ6isinH8eVmJzqhOtW27r5VptSeXE

Na caixa de diálogo Edit Action Binding, defina o valor de FromCurrency para #{pageFlowScope.fromCurrency} e o valor de ToCurrency para #{pageFlowScope.toCurrency}.

E3eoF93NMLR Eh7NAcmtM DitJS1PQWTmeMVt3 EtjCx9IKWQpI uJFQmbtxZEkTHTNpymgoXvy8S7PygXR5MGFGVRbw0l

Adicione um commandButton, defina a propriedade Action para __back e a propriedade Text para Back. __back é uma função especial que permite voltar para a página visitada anteriormente.

NP1SRSVq6dkkn9SC3Z0afgZsKxpqlZ9rpOImK0fJFYeTKl0PdOb6ZlQOt7B ZtcqPr31b7LGV9DZjOaNZQzfxvjZMFcoC3xoZydOilbNH4TLA0PEWNMXmdkWgxvbE9YQsqiuj FXv U

Vá para a guia Binding da página Result, crie um invokeAction dentro da seção Executables, e mova-o para a primeira posição, para executar inicialmente antes de qualquer outro executável.

bB9hAV 0yh5XPQp6ghfo5dYPKfYrZOZVnvbi56V A4 W5EGDLJmf988kOCl11Ze4 5KZbIoOHTXlVknwJU cQ3GOVc5M7uaAA4mfHSLLh0jOGk54H49WS1YiNi0bCuzEUNpQ68NX02k

Altere a propriedade Refresh para Always.

s5zQjFZMQKOPctfKLtaF7QxbV5Hbc6EdJPI5MzD0zWbCjLtpnlwtg4XnnL2Xd7jZCSWWeB8r3hKsVLLpaOA2v Wa MU917 RdHuqMpaGbcy5UxbVAmJdh1EH ezdOgO8ADPhb2vnQ0Q

Salve tudo.
Vamos implantar e testar o aplicativo!
A partir do menu Application no JDeveloper, selecione Deploy | Android1.

EVpsDPXWhye5ZajBqBGGv5PqJEHNtFk1fyFD4aIsIfjH qPdLUIzLbDYNIiaUC5ufi31jvtAJcG3K81gCJHqwtofCVWy CSMMqdf1tFt8TnE H2T4aN6TMW82jK8olSVgAos9 Uh5F0

Selecione Deploy application to emulator e clique em Finish.

vQPwcCiDbSa5OwewQy8NY Xsf3eUYbXJvonSAPWtGART6ew8 ezuEbZAmM0rmElK5UjqC3JsfKJnW9Grg58cckmpunSgKMdYSQoKDL5vmQmPHincbZ3z1l4FLDVpWVPIr3CO0UpLp0w

Na guia Deployment da janela de Log, certifique-se que a implantação foi concluída.

FENXXLl9TiQfns6lRU rjqn37eFDvBK 1K2wBUIcOX Jvfxw0jY3GQPEuhhNMgG83PGVAzCWrdq 7vxYJ9QXZE1Pmg2OasMG6yTyIkyqjYD

No emulador, navegue até a página de aplicativos e abra o aplicativo CurrencyConvertorMobileApp.

O emulador mostra a página Form.
Selecione Brazilian Real e Euro para obter a taxa de conversão de uma moeda para outra moeda, e clique em Currency Convertor.

eiaBWlbjpmtoC9 PM83QuaSMbrr 5pzBLhApgbf FPjhocbwsgV3Y1ioqhq XwXXGa6cTTXFb mljMhiZ5afPlqGSfu8sh5D0bgbE87dHZa9jhM9pUeL4aBB0F nvtYTW8CJR7MjlB4

Clique em Back para voltar para a página Form.

elYs5IixW

Quão útil foi este post ?

Clique em uma estrela para classificar o post

nota média 4.9 / 5. Contagem de votos: 17

Sem votos ! Seja o primeiro a classificar !

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

plugins premium WordPress