Android Studio: App con Spinner, Button e ImageView

En estos videos, creo una app que tiene un spinner que tiene una lista de pélículas.  Al seleccionar una, se presiona un botón y aparece el poster de la película.  Es algo sencillo, pero demuestra varias cosas de Android Studio que tal vez desconocías.

Aquí está el primer video donde creo la interface.  Abordo como crear un Spinner y llenarlo de elementos.

En este video importo imágenes PNG y los subo a mi proyecto convertidos en diferentes resoluciones de pantallas.  También incluyo el ImageView.

En este último video, hago toda la parte de programación.  Muestro una forma de programar el botón diferente al que hicimos en videos anteriores (para que puedas elegir la que más te guste) y de alterar la imagen en el ImageView.

Este es el código de la actividad por si no la pudiste ver completo en el último video (haz clic sobre la imagen para verlo más grande).

Espero que esto haya sido de utilidad.  ¡Hasta la próxima!

***ACTUALIZACIÓN Mayo del 2022***

Parece que ahora el Android Drawable Importer (que uso en el 2do video) ya no es parte de Android Studio. Pero aquí pueden descargar la versión para el Android Studio Bumbebee (el que estoy usando en este momento). Descargas el archivo ZIP y desde los plugins de Android Studio (se ve en el video: File > Settings > Plugins) le dan click al engrane y ponen Install from Disk. Eligen el ZIP que descargaron y ya. Lo demás debería ser igual.

Android Studio: imágenes y botones

En un video anterior, tuve problemas con un ImageButton y dije que lo iba a cubrir en otro tutorial.  En este video muestro como agregar una imagen (en este caso un PNG) a una app y ponerlo en in ImageButton:

Otra forma más eficiente de usar imágenes, es haciendo uso de imagenes vectorizados en lugar de mapas de bits.  Uno de los formatos más populares es el SVG.  Aquí, en este video, se muestra como importar imágenes SVG a un proyecto y cómo hacerque un botón cambie de imagen cuando se presiona o se le da "focus".

Aquí pongo el código XML del archivo estados_boton.xml por si no se ve claro en el video.

Espero que les haya sido útil.  ¡Nos vemos en la próxima!

Android Studio: programando interfaz y botones

Con anterioridad ya mostré como crear una app sencilla (básicamente un "Hola mundo").  En esta ocasión quiero mostrar como trabajar un poco con la interfaz de una actividad.  Voy a seguir añadiendo cosas al ejemplo que hice.

Aquí muestro como quitar el "Action Bar" (la barra que está hasta arriba de la actividad) y pongo algunos elementos en la pantalla.  Lo único que me falló fue incorporar algunos elementos gráficos, pero eso lo arreglaré en un video más adelante.

Después, aquí vamos a dejar una interfaz más simple, pero con botones.  Y programamos los botones para que despliegue un mensaje usando el objeto Toast, que mande algo al Log y que cambie el contenido de un TextView. Para hacer más sencilla la edición, lo hice en 3 videos.

En este video programo el botón para que muestre un mensaje usando el Toast:

Aquí muestro como programar un botón para escribir un mensaje en el Log:

Y finalmente en este video cambio el texto de una etiqueta (TextView) cuando dan clic a un botón:

Por si se perdieron de algún detalle en el código de Java, les dejo aquí todo lo que tiene el archivo MainActivity.java (si quieren hagan clic sobre la imagen para verlo en tamaño normal).

Espero que esto les haya sido útil.  Voy a seguir haciendo ejemplos con Android Studio, así que no te pierdas los posts que siguen.  ¡Hasta la próxima!

Android Studio: empezando con un ejemplo

Desde hace un tiempo he estado jugando con Android Studio y creo que ya hace falta compartir un poco de lo que he hecho por si les puede ser de utilidad.  En estaq ocasión voy a arrancar haciendo una app simple, el equivalente a un Hola Mundo (cosa que generalmente me choca porque TODOS los libros y cursos comienzan con este ejemplo, pero en fin), que cubra algunos de los puntos que ayuden a entender, a nivel muy simple, como crear una app.  Tengo el propósito de ir escribiendo un poco más para profundizar un poco, así que este será nuestro punto de partida.

¿Qué es Android Studio?

Antes de que existiera Android Studio, los desarrolladores estaban condenados a usar Eclipse con un SDK para trabajar.  No me malinterpreten, me encanta usar Eclipse, pero eso con el SDK no era un ambiente todo integrado.  Así que, desde hace ya varios ayeres, Google sacó Android Studio que integra una ambiente de desarrollo, emuladores (AVD), los SDKs y muchas otras cosas que necesitas para trabajar.

Ciertamente no es una herramienta perfecta: es enorme, usa muchísimos recursos de tu computadora, suele presentar fallas y algunas otras anomalías, pero dentro de todo es un ambiente genial para programar apps para Android.  En otros posts he hablado de AppInventor, la herramienta ideal para principiantes, Android Studio te da mayor control sobre todos los aspectos de desarrollo de apps.

Descargando Android Studio

Para empezar, hay que descargar e instalar Android Studio.  Vayan a la página de descarga para descargarlo.  En esta primera etapa, instalen el programa con las opciones default (en este momento la versión para Windows 64 bits pesa 948 Mb) y al rato vamos a instalar otras partes que hacen falta.  Van a ver que durante la instalación todavía descarga más archivos (en mi caso como 1 Gb), así que tengan una conexión a internet activa y tengan paciencia.

Después de instalar el ambiente de desarrollo, tenemos que ver que tengamos los SDKs necesarios para trabajar y los AVD (emuladores de teléfonos con Android).  Para hacer este paso, les dejo este video breve que muestra como administrar (incluyendo instalar) lo que hace falta:

Empezando a crear la app

Ahora todo está listo para comenzar a hacer nuestra primera app.  Vamos a seguir un asistente para hacerlo e iré explicando lo que sucede conforme avancemos.  Para que fuera más sencillo, lo explico en estos videos:

Espero que estos videos hayan sido útiles.  En el futuro tendré otros videos para apps un poco más avanzadas, así que dénse una vuelta a mi blog más adelante y/o a mi canal de YouTube para que no se lo pierdan.

Material adicional

Muchas de las ideas que están aquí (y en los videos agregados) fueron tomados de este libro (que me ayudó mucho para aprender).  He visto varios, pero éste es uno de los mejorcitos.  Les dejo la liga por si quieren profundizar.

Air Hockey para Android

¿Alguna vez has jugado Air Hockey?  Apuesto que nunca lo has hecho con tu celular.

En esta ocasión hice una app, usando AppInventor, que simula este juego popular (o por lo menos un juego que a mí me encanta).  Es un tutorial básico y espero que lo disfruten.

Para iniciar, aquí puedes descargar una plantilla de inicio para seguir el video de forma más sencilla.

La primera parte de la app se explica en éste video:

Y terminamos la app en éste video:

Si deseas descargar el archivo AIA de AppInventor con todos los bloques, lo puedes hacer aquí.

La imagen del jugador de Air Hockey que está al principio de este artículo, fue tomado de la página de Air Hockey Place.

Aplicación Android que muestra dónde estoy

Ya tengo un rato jugando con AppInventor al enseñar programación y la verdad se me hace una herramienta excelente ya que es sencillo de programar y generas una app para Android,

Aquí les comparto un ejemplo que hice para mis alumnos.  No es un ejemplo de principiantes, pero tampoco es complicado.  Esta aplicación se encarga de mostrar un mapa del lugar donde está el usuario usando su localización del GPS y haciendo interfaz con el API de Google Static Maps.

En este primer video se crea la interfaz de la app:

En el segundo, explico como funciona la localización del celular y una explicación muy breve sobre GPS:

En el último video integro lo que aprendí sobre el API de Google Static Maps y el sensor de localización para terminar la app:

Espero que hayan encontrado esta aplicación de utilidad.  Si quieren bajar el archivo AIA (para ver los bloques en AppInventor) para revisarlo lo pueden descargar aquí.  ¡Se divierten!

Características del lenguaje C

Es muy común que mis alumnos me preguntan si el lenguaje C todavía sirve o es usado para algo.  No solo porque es el "padre" de casi todos los lenguajes de programación modernos, sigue siendo de muchísima utilidad.

Hoy encontré éste artículo de makeuseof que detalla las características del lenguaje C, incluyendo una breve historia (más breve que la que escribí aquí) y algunas de las características que la hacen un lenguaje sumamente útil.

Aquí les dejo la liga: http://www.makeuseof.com/tag/characteristics-of-c-programming/

P.D. La imagen del lenguaje C usando en este post es cortesía de la página C Online Test.

Poster retro de GameBoy

Éste es un tutorial sencillo e interesante para crear un póster, estilo "retro", de un Game Boy en Photoshop.  Lo encontré en el sitio de Tutorial9, un buen sitio para encontrar tutoriales de Photoshop.

Solo para asegurar si en el futuro ya no existe esta página, aquí les dejo una liga para descargar un PDF con las instrucciones y los archivos fuentes.  ¡Saludos!

Nike de Fuego

Hace tiempo me topé con este tutorial en el sitio de Abduzeedo (que tiene tutoriales excelentes para aprender y mejorar tus habilidades en Photoshop) que hace un anuncio de Nike de una forma interesante y se los quiero compartir.  En caso que la liga ya no funcione en el futuro, aquí pueden descargar los archivos: un PDF con las instrucciones y los archivos que usa en el tutorial.

Si te gustan los efectos de fuego, no dejes de ver el tutorial de una mujer caliente en Photoshop.

Nota: no recibo regalías de Nike por el tutorial, jejeje.

¡Saludos!

Ángeles divinos

Hace tiempo vi un tutorial muy interesante que trata de combinar imágenes para dar lugar a un ángel en medio del bosque.

Esta es la liga de Tutorial9, donde está el tutorial.  Como no se sabe en el futuro si siga existiendo la página (cosa que me ha sucedido con otros tutoriales,  como el que compartí hace unos días), también les dejo un archivo ZIP con todos los archivos necesarios, incluyendo un PDF con las instrucciones.

Espero que lo disfruten.

Escenas del espacio

Hace mucho tiempo, vi un tutorial en Cute Little Factory acerca de cómo crear una escena en el espacio.  Lo bueno es que lo imprimí en un archivo PDF porque ya no existe en ese sitio.

Creo que es un buen tutorial para personas que se están adentrando a Photoshop.  Aquí les dejo el PDF con las instrucciones y la imagen del mundo que se usa.

Espero que les sea útil.  ¡Saludos!

Curso de programación en C

En este blog hay muchas entradas sobre lenguaje C, pero están de forma dispersa, sin orden.  Mi blog fue pensado en aportar material para mis alumnos, pero son apoyo de cursos que doy de forma presencial y solo les aporto las ligas hacia el material adicional en este blog.

A petición de un muy querido exalumno, pongo este temario de C con recursos (tanto propios como de terceros) que explican cada tema.  Espero que esto sirva como un curso en línea o para despejar dudas en diversos temas.

Intoducción al curso

• ¿De dónde viene el lenguaje C?
• Historia de los lenguajes de programación y de C
• Historia de la programación
• Historia del C y C++
• Estructura general de un programa en C
• Crear aplicaciones en Visual C++
• Tipos de datos, variables y constantes
• Tipos de datos y variables
• Tipos de datos en C. Declarar variables e inicialización
• Ejemplos de declarar variables
• Declaración de variables
• Constantes
• Operadores
• Operadores
• Operadores en C
• Operaciones de entrada y salida
• Entrada y salida básica
• printf
• scanf
• Condiciones
• if
• Sentencia if
• Condiciones en C: el Gato 2.0
• switch - case
• Operador condicional ?
• Explicación de Zator
• Explicación de C con clase
• Condiciones (tanto if como switch)
• Explicación de Nacho Cabañas
• Wikilibros (incluye ciclos)
• Ciclos
• Explicación de Tony (hay unas ligas rotas)
• Explicación de :.PinGato.:
• Ciclo for
• Explicación de Código Programación
• Arreglos de una o más dimensiones
• Arreglos en C/C++
• Arreglos bidimensionales
• Cosas que se pueden hacer con arreglos: ordenar elementos
• Ordenando el caos con burbujas...
• Insertando orden: ordenamiento inserción
• Estructuras y uniones
• Arreglos y estructuras
• Funciones
• Intro a las funciones (Nacho Cabañas) - Tiene ligas que llevan a páginas siguientes
• Funciones funcionales en C
• Apuntadores
• Apuntadores en C: ¿pa’ onde apunto?
• Punteros y gestión dinámica de memoria
• Aplicación de apuntadores: lista simplemente ligada
• Archivos (esta es la primera página de varios, escrito por Nacho Cabañas)

Espero que con estas referencias puedan aprender un poco más de C.  Me parece un curso completo, que comienza por lo básico y va avanzando hasta llegar a tener un buen dominio del lenguaje.  Si tienes ligas o material de otros sitios que crees que sería útil incluirlo aquí, déjeme un mensaje.

Nota: la imagen de C que usé en este post lo tomé del blog de Aficiones LAMS

Clases y objetos en Java

Hace mucho tiempo escribí sobre diferentes paradigmas de programación e hice una introducción a la programación orientada a objetos en C++.  Ahora vuelvo a tomar la idea para enfocarlo a la programación en Java y, para que sea más fácil de entender, preferí hacerlo en una serie de videos, mismas que presento aquí en orden.

El primer video habla sobre lo que es la programación orientada a objetos en general.  Da bases para hablar de conceptos posteriores. 

El segundo video habla sobre lo que son las clases y objetos y da un ejemplo cómo usarlos en Java.

Y en éste tercer (y último) video, se ejemplifica lo descrito en Java.

El código fuente los puedes encontrar aquí:

• Carro.java
• PruebaCarro.java

Nota: la imagen de Duke (mascota de Java) lo tomé de la página de jaxenter.

Tutorial SQL

Les comparto la liga a esta página que tiene unos tutoriales excelentes de SQL de la página de W3Schools.  Están interesantes porque te permite probar tus sentencias en línea.

La liga a los tutoriales es este: http://www.w3schools.com/sql/default.asp

¡Espero que les sirva!

Visual Basic: cientos de ejemplos resueltos

Muchas veces aprendemos por medio de ejemplos, de ejercicios resueltos que resuelven problemas similares a los que me enfrento.  Como maestro es complicado estar inventando ejemplo una y otra vez, y para los que desean afinar sus habilidades para programar, y especialmente para los que quieren aprender a programar, es un paraíso encontrarse con muchos ejemplos resueltos.

El otro día, al vagar por Internet buscando ejemplos para mis alumnos, me topé con este archivo en el sitio de Software.informer.  Lo subo aquí porque no sé si después siga existiendo esa página.  Son 101 ejemplos creados en Visual Basic 2005 hechos por Microsoft.

Es un archivo ejecutable que descomprime en una carpeta (por default, en la carpeta Documentos\MSDN\VB101SamplesAll) muchas carpetas con soluciones que van desde conectarse por FTP, escuchar por HTTP, trabajando con hilos (multiprocesamiento), programando el puerto serial, encriptar y desencriptar datos, accesar bases de datos de diversas formas, hacer proyectos para la web y muchos más.

Aquí les dejo el enlace para que lo descarguen.  La imagen la tomé de la página de Forbes, quienes a su vez le dan crédito a Wikipedia.

¡Espero que les sea útil!