Última parte del tutorial que sigo para el CrankPlay, MusicDroid, ahora voy a añadir los controles básicos de reproducción. Esta parte se me antoja que no me será de mucha utilidad, ya que es bastante dependiente del diseño de la aplicación, pero que demonios…
Controles de Reproducción
El objetivo de esta parte es añadir los controles de reproducción a la aplicación. Estos se mostrarán como una capa semitransparente sobre la lista de canciones.
Me cojo el xml que viene en la página y lo pego. Como ya me ha pasado antes, justo delante del “id” hay que añadir el namespace: “android:". Además quito unos puntos y comas y listo. Ahora a ver si explico un poco como es el layout.
En primer lugar, si se mira el songlist.xml, lo primero que se aprecia es que usa un LinearLayout. Un LinearLayout posiciona los elementos hijos en forma de columna (o fila). Y punto. En songlist.xml posiciona los elementos en columna porque el atributo “android:orientation” esta establecido al valor “vertical”.
Esto tiene sentido porque se quiere representar una lista de valores en columna, pero sin embargo, los controles de reproducción se quieren situar los unos en función de los otros… Y esto es lo que hace un RelativeLayout, permite posicionar sus hijos relativamente entre ellos.
Lo que se hace en controls.xml es utilizar un RelativeLayout para que ocupe toda la pantalla y en su interior otro en el centro (controlado por “android:layout_centerVertical” y “android:layout_centerHorizontal”) que tendrá un área total de 170dip x 170dip. ¿Qué es un dip? Pues es un “Density Independent Pixel”, para hacer una idea, 1 dip = 1 pixel en una pantalla de 160 dpi. Si la pantalla tiene mayor resolución, se escala automáticamente. Vamos, que es una medida independiente del tamaño de la pantalla.
Por último, para situar los ImageView se utiliza “android:layout_alignParentTop, android:layout_centerHorizontal”, etc…
Añadiendo una Animación
Cosa que yo no sabía, en android se pueden declarar animaciones con xml. El tutorial propone añadir una que haga que un botón pulsado se haga más grande y otra vez más pequeño. La verdad que el xml es bastante entendible, escala por 1.5 la imagen, alcanzando este tamaño en 600 msg.
Para invocar la animación, pues por ejemplo en el OnKeyUp de los controles se invoca al método startAnimation de la vista correspondiente pasándole como parámetro la animación definida… ningún misterio.
Creando un Tema
Además de la animación, en el tutorial la actividad con los controles de reproducción es transparente y se superpone a la actividad con la lista de mp3, haciendo por tanto posible ver la canción que se esta reproducción. Para conseguir este efecto hay que diseñar un tema (una apariencia visual) para esta actividad.
Lo más sencillo, y lo que hacen en el tutorial es crear un tema que herede del tema por defecto de android y decirle que el color de fondo de la actividad sea transparente y que no tenga título. Todo esto en un archivo llamado styles.xml en “res/values”. Para crear el archivo, he tenido que modificar el atributo parent y establecerlo como “parent=“android:Theme”", ya que si no, no lo reconoce.
Una vez hecho esto avisa del epígrafe de "@drawable/transparent_background”. Esto es debido… a que no existe, jeje. Para crearlo, en “res/values” hay que crear un archivo llamado colors.xml y pegarle la definición de este transparent background.
Por último, se define la actividad en el AndroidManifest.xml aplicándole el tema.
Creando la Actividad
Pues una vez declarada, toca crearla. El código que viene en la página es bastante sencillo, se limita a gestionar la conexión con el servicio y a ejecutar la animación sobre el botón pulsado.
Como en el artículo anterior, tengo que tocar el método bind y eliminar el parámetro null que se le pasa ya que esa signatura esta deprecada y en el OnKeyUp tengo que capturar también una RemoteException. Con ésto ya compila.
Pero antes, hay que cambiar la actividad CrankPlay para que cuando se pulse en un elemento, invoque la nueva actividad y entonces empiece a reproducir. Lo único que el tutorial esta tan pasao de rosca que el método startSubActivity ya no existe, así que haré una llamada a startActivityForResult.
Y con ésto ya lanzo y andando, todo perfecto :)
Conclusiones
Bueno, en primer lugar, el autor prometía una cuarta parte del tutorial… pero va a ser que nunca se llevó a cabo xD De entrada tal y como esta a día de hoy hay 4 grandes problemas:
- Los controles no son táctiles!! Eso es, se utiliza OnKeyUp, asi que uno se puede hartar de pulsar encima que nada...
- Una vez parada una canción... no hay forma de reanudarla!
- De la misma manera, tampoco hay forma de salir de la actividad de control y volver a la lista de canciones.
- Por último, falta una barra de indicación de por donde va la canción o un minutero u algo, ah, y leer el id3 tag.