PrimeFaces

Mobile
T P I C O S AVA N A D O S E M L I N G U A G E M O B J E T O O R I E N TA D A
P R O F. R I C A R D O S O B J A K

PrimeFaces Mobile
PrimeFaces Mobile um kit UI para desenvolver
pginas JSF otimizadas para dispositivos mveis contendo
um look and feel nativo.
RenderKit mvel para os padres do JSF e dos componentes
do ncleo do PrimeFaces;
Componentes mveis do JSF;
Mesmo modelo de backend para aplicaes webs em desktop
e mveis;
Amplo suporte plataforma;
Recursos de AJAX para trazer experincias de aplicaes
nativas;
No necessrio instalar no dispositivo;
Desenvolvido pelo jQuery Mobile.

Render Kit
PrimeFaces Mobile oferece um RenderKit Mobile para
alguns dos principais componentes do JSF e PrimeFaces.
Para executar PrimeFaces Mobile, este kit de
renderizao deve ser ativado.
A maneira mais fcil para definir o RenderKit mvel
usando a tag <f:view>.

Render Kit
f:view
<f:view renderKitId="PRIMEFACES_MOBILE">
//content
</f:view>
Parmetro de Request
http://www.yourapp.com?
javax.faces.RenderKitId=PRIMEFACES_MOBILE
Configurar no arquivo faces-config.xml
<application>
<default-render-kit-id>PRIMEFACES_MOBILE</defaultrender-kit-id>
</application>

Pginas
A pgina mvel
um simples
xhtml baseado
em uma JSF view
que pode ter um
ou mais pontos
de vista.
Uma view uma
tela no layout.

Pginas

Navegao
Navegao local significa a navegao a partir de uma
view para outra view na mesma pgina.

Componentes

Botes

Web Kit

Web Apps com

WebView
WebView uma maneira de disponibilizar contedo web
dentro da aplicao client. A classe WebView extende a
classe View do Android e permite que uma pgina seja
mostrada como parte do layout da atividade.
No inclui os controles de navegao e barra de endereo
como em um browser padro.
Uma utilizao comum para WebView poderia ser, por
exemplo, incluir na aplicao contedo varivel como
licenas de uso, guias de usurio, change logs e etc.

Layout
Para adicionar uma WebView na aplicao preciso incluir no
layout da activity um elemento do tipo WebView.
No exemplo abaixo a pgina web vai ocupar a tela inteira.

Carregando uma pgina

//busca o componente instanciado
WebView wv = (WebView)findViewById(R.id.webview);
//carrega a pgina no componente
wv.loadUrl("http://www.utfpr.edu.br");