Crear una aplicación para Android usando iónicos (5 / 8 paso)

Paso 5: Crear una página de inicio y añadir menú lateral

Permite realmente comenzar ahora en la aplicación y crear una bonita página web y un panel lateral de navegación. La mejor manera de hacerlo es no empezar a poner todo en la página index.html, pero para hacer archivos de plantilla separados en una carpeta de plantillas.

En el index.html nuevo no mucho ha cambiado: sólo el nombre de la aplicación y la cabecera se ha eliminado. Ion-nav-view se ha añadido, esta es una clase que carga la plantilla por defecto definida en app.js

Aquí puedes ver que he creado algunos Estados, estos se utilizan para desplazarse en su aplicación. El sidemenu es un estado abstracto, que significa que no puede utilizarse directamente, sino mediante el uso de los Estados que son los hijos de éste (como en casa). Cuando utilizamos Inicio, se cargan home.html y lado-menu.html.

Esta es la ruta predeterminada de la aplicación: en otras palabras esta es la página que se cargará al abrir la aplicación.

En el menú lateral puedes ver el código para el sidemenu. Crear un ámbito de lado-menús que contiene el menú lateral y contenido. El contenido contiene la barra de navegación en la parte superior de la página.

el menú lateral contiene la información en el menú lateral, en este caso una lista de enlaces a diferentes páginas y un bar de cabecera.

En se puede ver que se utiliza una vista de home.html, esto cambia el texto en la barra de navegación, en este caso de la recepción. Y el resto es solo html de la página.

Artículos Relacionados

Cómo volver hasta una aplicación para Android en la tarjeta Sd

Cómo volver hasta una aplicación para Android en la tarjeta Sd

Este es un tutorial móvil para preparar la copia de seguridad de una aplicación para android.
Relés de control con una aplicación para Android personalizada!!!!

Relés de control con una aplicación para Android personalizada!!!!

Aquí se trata de un proyecto final que hice para mi clase de micro controlador en mi colegio local.Su una placa de relé de 4 canales que se controla mediante un dispositivo Bluetooth, así como una aplicación android para una sencilla interfaz para el
Cómo crear una aplicación Android

Cómo crear una aplicación Android

En los últimos años, Android está dominando las cuotas de mercado de sistemas operativos de smartphone y tablet. A partir de agosto de 2013, que Android controlado más del 79% del mercado smartphone y más del 62% del mercado tablet, según una investi
Cómo escribir una 'Hola mundo!' de la aplicación para Android

Cómo escribir una 'Hola mundo!' de la aplicación para Android

IntroducciónEste tutorial está dirigido a cualquier persona que no tiene experiencia en programación de aplicaciones para el sistema operativo Android, pero le gustaría. Es muy básico, e instalar los programas necesarios es más complicado que la apli
Cómo crear una aplicación de calculadora utilizando Android Studio

Cómo crear una aplicación de calculadora utilizando Android Studio

Mayoría de la gente hoy en día posee dispositivos inteligentes que son capaces de procesar miles de aplicaciones. Desafortunadamente, sólo una fracción de los usuarios de la aplicación saber cómo estas aplicaciones se crean y funcionan. Una plataform
Semiautomática cine: Cómo utilizar la aplicación para Android, Documatic, para automáticamente pre-edita tus vídeos

Semiautomática cine: Cómo utilizar la aplicación para Android, Documatic, para automáticamente pre-edita tus vídeos

Documatic es un participativo, basado en android, móvil asistente y editor de antes. He creado este programa para sentar las bases fundamentales para el concepto mayor de "cine semiautomática" como parte de mi tesis de maestría en medios digital
Crear una aplicación en Xcode 2 Mac

Crear una aplicación en Xcode 2 Mac

Hola! Esto es MacWorldWizardz aquí otra vez hoy para mostrarte cómo crear una aplicación (totalmente funcional) en Xcode en Mac! Esto es bastante simple basado en el tipo de aplicación que desea crear, compilar y hacer.Ahora, todo lo que necesitas es
Cómo crear una aplicación de la palanca de mando

Cómo crear una aplicación de la palanca de mando

Tutorial de programación en visual c# para crear una aplicación de joystick para tu PC-Cursor movimiento-Izquierda/derecha haga clic en
Cómo crear una descripción técnica (usando MS Word)

Cómo crear una descripción técnica (usando MS Word)

Documentos técnicos son una muy importante forma de comunicación técnica en una amplia variedad de campos. Descripciones técnicas aparecen en todos los documentos técnicos incluyendo folletos, especificaciones, propuestas e informes de campo. Este In
Crear una pared falsa para ocultar una puerta

Crear una pared falsa para ocultar una puerta

Crear una pared falsa para ocultar su puerta de las víctimas de una bromaPaso 1: Obtener las dimensiones de la puertaSecretamente obtener las dimensiones de la puerta de las víctimas, con cinta métricaAsegúrese de obtener las dimensiones del ajuste i
Construcción de la aplicación para Android para controlar Arduino coche Smart (製作Android APP控制Arduino 智慧車)

Construcción de la aplicación para Android para controlar Arduino coche Smart (製作Android APP控制Arduino 智慧車)

Este es un ejemplo de código creado a partir de la aplicación MIT inventor2. Para mostrar cómo conectar a Andruino a través de BT Se puede modificar por sí mismo para cumplir la función que desea. Armónicamente, es realmente fácil de construir una ap
Crear una aplicación de AndEngine para Android estudio

Crear una aplicación de AndEngine para Android estudio

Este tutorial asume que ya tienes Android Studio instalado y funcionando, pero necesita saber cómo utilizar Andengine en su proyecto.AndEngine es un motor de código abierto para Android. Es documentación de pobres, pero ricos de la característica. La
Cómo: Crear una aplicación Android con Android Studio control LED

Cómo: Crear una aplicación Android con Android Studio control LED

Este es un tutorial paso a paso para hacer un apk android mediante bluetooth.Antes de iniciar la codificación,Descargar Android Studio IDE y actualizar Java.Ayudarán a Java y C habilidades de programación.No se explicará este tutorial de programación
Cómo crear una aplicación Android con Android Studio

Cómo crear una aplicación Android con Android Studio

Este tutorial te enseñará los conceptos básicos de cómo construir una aplicación Android utilizando el entorno de desarrollo Android Studio. Como los dispositivos Android se convierten cada vez más más común, la demanda de nuevas aplicaciones sólo au