Escriba y venda aplicaciones de Android con 4 Android Basic 4 Android

En B4A, es fácil agregar gráficos personalizados a su aplicación. Como ejemplo, imaginemos que estamos creando una aplicación simple de cronómetro con tres botones personalizados: comenzar, detener y restablecer. Podríamos comenzar posicionándolos como botones regulares en el diseñador, luego modificar sus propiedades para que aparezcan como imágenes personalizadas en lugar de la apariencia predeterminada.

Para hacer esto, haga clic en "Agregar imágenes" en el diseñador y seleccione los archivos que desea usar: se admiten los formatos de archivo más populares. En nuestro ejemplo, hemos elegido tres imágenes del servicio de iconos de búsqueda gratuito.

Las imágenes no aparecen inmediatamente en la pantalla; Agregarlos solo los hace disponibles para que su interfaz los use. Para adjuntar la imagen de "reproducir" a nuestro primer botón, debemos cambiar qué tipo de "dibujar" es el botón, definiéndola como un elemento con propiedades personalizables. Hacemos esto seleccionando el botón y cambiando su propiedad Drawable de predeterminada a statelistDrawable.

Cuando cambie esta configuración, verá un nuevo conjunto de propiedades. Establecer habilitado Prawable para BitMapDrawable y aparecerá una propiedad titulada "Archivo de imagen". Haga clic en el espacio en blanco junto a esto para un menú desplegable que muestra sus imágenes importadas. Elija el icono apropiado y la vista del diseñador se actualizará para mostrar su imagen, escalada para adaptarse al área de su botón (puede cambiar este comportamiento ajustando la propiedad de gravedad de la imagen).

El nombre del botón todavía parece superpuesto en el gráfico, pero esto es solo para conveniencia dentro del diseñador: si verifica la propiedad de texto del botón, verá que está en blanco, y no habrá texto superpuesto cuando se ejecute su código.

También puede especificar imágenes adicionales (o colores o gradientes) para cuándo se presiona el botón y cuándo está deshabilitado.

Animación

Si estás interesado en escribir juegos, querrás saber cómo animar tus puntos de vista. Creemos una aplicación de ejemplo que mueva una nave espacial al azar alrededor de la pantalla. Esto implica el uso de funciones de la biblioteca que no están disponibles en la prueba B4A: se requiere la versión completa.

Comenzaremos creando un panel en el diseñador; Esta será nuestra área de juego. Usaremos el modo de gradiente para darle un gradiente de color, y estableceremos el radio de la esquina en 10 para darle esquinas redondeadas.

A continuación, colocaremos nuestra nave espacial: hemos usado una imagen de encantamiento retro, una vez más de Find Icons, en su posición inicial. Para esto, usaremos una vista de imagen, un tipo de vista que alberga un gráfico, y estableceremos su propiedad principal para especificar el panel en lugar de la actividad. Esto significa que la nave espacial solo puede moverse dentro del área de juego, no será visible si sale del borde, y sus dimensiones y coordenadas serán relacionadas con el panel en lugar de la actividad.