Red de conocimiento informático - Material del sitio web - Cómo empaquetar juegos web html5 en aplicaciones y mostrarlos en pantalla completa en teléfonos Android

Cómo empaquetar juegos web html5 en aplicaciones y mostrarlos en pantalla completa en teléfonos Android

Tome el empaquetado en una aplicación de Android como ejemplo

Descargue e instale MyEclipse2014, Android SDK y eclipse (es necesario configurar el entorno de desarrollo de Android)

La instalación y configuración de Java y Android El entorno se escribirá por separado para compartir experiencias. Los lectores también pueden consultar otra información relacionada en Baidu. Instalación

Abra MyEclipse2014, cree un nuevo proyecto de aplicación móvil HTML5, asígnele un nombre, por ejemplo: hola

Edite el programa html5 en el directorio www del proyecto;

Editar nuestro programa html5, comencemos a aprender sobre el empaquetado

Aquí hay dos métodos de empaquetado: 1. Empaquetado del servicio de compilación PhoneGap

Hay tutoriales relacionados en el sitio web oficial de PhoneGap como referencia, así que lo haré no los presentaremos en detalle

2. SDK de Android + paquete eclispe

Se ha configurado el paquete SDK de Android + eclispe (requisito previo), entorno de desarrollo de Android):

Paso 1. Inicie eclipse y cree un nuevo proyecto de aplicación de Android, es decir, el proyecto de Android, que se denomina así: hola

Paso 2. Copie el programa HTML5 previamente editado en Myeclipse 2014 al directorio de activos de. proyecto hello recién creado en eclipse

Paso 3. Aquí se explica cómo iniciar nuestro programa HTML5 en la aplicación de Android. Aquí necesitamos usar el control WebView que viene con el sistema Android (para obtener más información, consulte. la documentación de desarrollo de Adroid) - - En el proyecto, busque res -Buscar res- >layout->activity_main. Busque res->layout->activity_main.xml en el proyecto y ábralo, inserte el control WebView en él y edite el estilo que desee

8

Capítulo Paso 4: En la entrada del programa principal, el programa HTML5 introducirá el control WebView recién editado. En este momento, la función principal ha sido editada. implementado. Compile el proyecto para obtener el apk.