API de MobileUI

 La API de MobileUI está compuesta principalmente por los siguientes elementos:

  • deviceReady
  • Objeto mui
  • Clase ViewPort

deviceReady 

deviceReady()

Se invoca una vez que la app, Cordova/Phonegap y MobileUI están listo.

Objeto mui

mui.screen

Retorna el viewport "mui-screen".

mui.viewport

Retorna el viewport "mui.viewport"

mui.getViewport()

Retorna un viewport a partir de su nombre

mui.createViewport()

Crea un viewport y lo registra.

mui.registerViewport()

Registra un viewport ya creado.

mui.removeViewport()

Remueve un viewport

mui.getAllViewports()

Retorna un array con todos los viewports registrados.

mui.version

Retrona la versión de MobileUI

mui.isMobileDevice

Indica si la apliación se está ejecutando en un dispositivo móvil y en cuál plataforma.

mui.isPortrait()

Indica si el dispositvo está en posición vertical.

mui.isLandscape()

Indica si el dispostivo está en posición horizontal.

mui.isTablet()

Indica si el dispositivo es una tablet.

mui.isPhone()

Indica si el dispositivo es un teléfono.

mui.cordovaAvailable()

Indica si Cordova/Phonegap está disponible. Útil para determinar si es App o WebApp.

mui.cordova()

Retorna el objeto Cordova o Phonegap correspondiente.

mui.alert()

Muestra un cuadro de alerta con un mensaje personalizado.

mui.toast()

Muestra un mensaje, no intrusivo, que automáticamente desaparecerá.

mui.confirm()

Muestra un cuadro de diálogo de confirmación personalizado.

mui.prompt()

Presenta un cuadro de diálogo nativo personalizado solicitando información.

mui.busy()

Presenta un indicador de ocupado en la pantalla bloqueando la interacción.

mui.beep()

Emite un beep.

mui.vibrate()

Hace vibrar al dispositivo.

mui.dialNumber()

Marca a un número determinado para iniciar una llamada.

mui.sendSms()

Envía un mensaje de texto.

mui.localStorage

Birnda un conjunto de métodos para almacenar datos localmente en el dispositivos en texto plano o JSON.

mui.connectionAvailable()

Indica si el dispostivo está conectado a la red o no.

mui.getConnectionType()

Retorna el tipo de conexión a la red.

mui.history

Brinda un conjunto de métodos para acceder al historial de navegación.

mui.util

Brinda un conjunto de métodos utilitarios.

mui.ajax()

Realiza una solicitud asincrona HTTP (Ajax) para obtener datos desde un servidor.

Clase ViewPort

 Métodos

showPage()

Presenta una nueva página con un efecto de transición específico.

showPanel()

Presenta un panel con un efecto de transición específico.

panelIsOpen()

Indica si hay un panel abierto en el viewport.

closePanel()

Cierra el panel abierto.

refreshScroll()

Refresca el scroll para una página determinada o todo el viewport.

putCoverShield()

Pone un escudo sobre el viewport para evitar toda interacción.

removeCoverShield()

Remueve el escudo sobre el viewport.

blur()

Produce un efecto de desenfoque sobre la página actual del viewport.

unblur()

Elimina el efecto de desenfoque establecido con blur().

getCurrentPageId()

Retorna el id de la página que se está mostrando en el viewport.

getCurrentPanelId()

Retorna el id del panel que se está mostrando en el viewport.

 Eventos

resize()

Dispara un evento cuando el viewport cambia de tamaño. 

on showpage

Dispara un evento cada vez que se muestra una nueva página.

on preshowpage

Dispara un evento cuando se va a mostrar una página.

on swip...

Dispara un evento en respuesta la desplazamiento del dedo sobre el viewport.

Transición de páginas y paneles

Introducción a MobileUI