Share
Las alertas son un método de sistema predefinido para mostrar información al usuario, se usan comúnmente para mostrar mensajes cortos y pueden incluir una o varias opciones para determinar una acción posterior. En este tutorial, descubriremos cómo implementar esas Alertas, también aprenderá cómo crear botones básicos y abrir una URL en Safari. Sigue leyendo!
Usando la corona nativo clase y la showAlert () Método, mostraremos una alerta personalizada con un simple botón en el escenario..
Lo primero que debes hacer es seleccionar la plataforma en la que deseas ejecutar tu aplicación, de esta manera podrás elegir el tamaño de las imágenes que usarás.
La plataforma iOS tiene estas características:
Debido a que Android es una plataforma abierta, hay muchos dispositivos y resoluciones diferentes. Algunas de las características de pantalla más comunes son:
En este tutorial nos centraremos en la plataforma iOS, específicamente desarrollando para su distribución a un iPhone / iPod touch.
Crearemos una interfaz básica con un botón que llamará una alerta cuando se presione. El título de la alerta, el mensaje y los nombres de los botones se definirán en el código.
Dependiendo del dispositivo que haya seleccionado, deberá exportar los gráficos en el PPI recomendado, puede hacerlo en su editor de imágenes favorito.
Usé el Ajustar el tamaño ... Funciona en la aplicación Preview en Mac OS X.
Recuerde dar a las imágenes un nombre descriptivo y guardarlas en la carpeta de su proyecto.
Es hora de escribir nuestra aplicación!
Abra su editor de Lua preferido (cualquier editor de texto funcionará, pero no tendrá resaltado de sintaxis) y prepárese para escribir su increíble aplicación.
Primero, escondemos la barra de estado, esta es la barra en la parte superior de la pantalla que muestra la hora, la señal y otros indicadores.
display.setStatusBar (display.HiddenStatusBar)
Ahora añadimos el fondo de la aplicación..
Accentsconagua
local background = display.newImage ("background.png") Esta línea crea la variable local. fondo y usa el monitor API para agregar la imagen especificada al escenario. Por defecto, la imagen se agrega a 0,0 usando la esquina superior izquierda como punto de referencia.
Repita el proceso con la imagen del botón, colocándolo en el centro del escenario. La función del botón se creará más adelante en el código..
local alertButton = display.newImage ("alertButton.png") alertButton: setReferencePoint (display.CenterReferencePoint) alertButton.x = 160 alertButton.y = 240 Cuando el usuario hace clic en cualquiera de los botones de opción en la alerta a hecho clic evento es displatched, tenemos que comprobar para el índice del botón pulsado para saber qué opción fue seleccionada. Una alerta le permite incluir hasta 6 botones, su índice está definido por el orden en que se escribió en la llamada de alerta.
La siguiente función maneja ese proceso, su escucha se crea en la llamada de alerta (se muestra en el siguiente paso).
función local onClick (e) si e.action == "hizo clic" luego si e.index == 1 entonces - Some Action elseif e.index == 2 entonces system.openURL ("http://mobile.tutsplus.com ") end end end end Esta función se ejecutará cuando se presione el botón de alerta, se utiliza el Native.showAlert () Método para mostrar la alerta. La alerta se vinculará a una variable que servirá como ID de alerta, de esta manera puede ser localizada, reutilizada o eliminada por el native.cancelAlert () método.
función alertButton: toque (e)
alerta local = native.showAlert ("MobileTuts +", "Tutoriales de desarrollo móvil", "OK", "Más información", onClick)
fin
Este método tiene cuatro parámetros, echemos un vistazo a ellos:
Native.showAlert (título, mensaje, botones, oyente)
El botón ahora tiene una función para ejecutarse cuando se presiona, pero esta función por sí sola no podrá reaccionar sin un oyente.
La siguiente línea de código establece que el oyente:
alertButton: addEventListener ("tap", alertButton) 
Si todo funciona como se espera, estamos casi listos para construir nuestra aplicación para la prueba de dispositivos. Solo una cosa más: nuestro ícono de aplicación..
Al usar los gráficos que creaste antes de que puedas crear un ícono bonito y atractivo, el tamaño del ícono para los íconos del iPhone es de 57x57px, pero la tienda iTunes usa un 512x512px, por lo que es mejor crear tu ícono en este tamaño. Si desea optimizar sus imágenes para la pantalla retina del iPhone 4, también necesitará una versión de 114x114px del icono de la aplicación.
No es necesario que tenga las esquinas redondeadas o el resplandor transparente, iTunes y el sistema operativo del iPhone se lo aplicarán..
Con este tutorial, ha aprendido cómo mostrar alertas para mostrarle al usuario un mensaje y ejecutar un código predeterminado según la opción seleccionada..
Gracias por leer este tutorial, espero que lo hayas encontrado útil.!
