Android – RadioButton con aspecto custom

Hola, hoy voy a hablaros acerca de customizar vistas en Android. Específicamente voy a poner un ejemplo de como hacerlo con los RadioButtons. A veces por cuestiones del diseño nos encontramos con que necesitamos modificar una vista nativa para que se ajuste a nuestras necesidades. En el ejemplo que voy a poner voy a hacer que dos radio buttons se comporten como tabs que cargan distintos fragments, pero que tengan aspectos de botones y estén contenidas en el Toolbar.

Para empezar necesitamos definir el layout de nuestro activity

Como podéis ver hemos añadido los elementos de los que hablamos antes: un Toolbar, un RadioGroup que contiene dos RadioButtons y un FrameLayout donde colocaremos el fragment correspondiente. Respecto a los atributos a tener en cuenta nos centramos en los que tiene RadioButton.

android:button=”@android:color/transparent” – Con este atributo estamos eliminando el círculo que aparece a la izquierda del texto en el radiobutton para conseguir darle aspecto de botón.

android:background=”@drawable/radio_button_as_button” – Aquí es donde le otorgamos el aspecto que queramos, en este caso será el drawable radio_button_as_button que comentaré a continuación.

Por último con android:checked=”true” marcamos el radiobutton que estará activo por defecto (si es que queremos que haya uno siempre activo).

Ahora creamos un drawable resource file en /res/drawable con el nombre radio_button_as_button que contendrá lo siguiente:

Donde le decimos al radiobutton que su background tendrá el aspecto radio_button_as_button_checked cuando su estado sea pressed=true o checked=true y que su aspecto por defecto sea radio_button_as_button_default, siendo estos dos drawables

radio_button_as_button_checked

radio_button_as_button_default

En los cuales simplemente le damos un aspecto redondeado a su forma rectangular y le damos un color a su background.

Por último creamos un listener para el evento onClick de cada RadioButton y le asignamos el fragment que queramos.

Como resultado final tendremos algo como esto:

RadioButton 1 RadioButton 2

 

Podéis ver todo el código en el repo de github: https://github.com/kohrong/customradiobutton-android

Hacer un layout clickable con efecto Ripple

En ocasiones tenemos la necesidad de crear un elemento gráfico más complejo que un botón que nos permita realizar una acción. En este caso os voy a enseñar como conseguir que un layout pueda realizar esta funcionalidad.

Imaginemos que queremos mostrar información acerca de una cerveza en una celda. La información a mostrar podría ser su nombre, su estilo, la graduación y una foto. Nuestro objetivo es que haciendo click en la celda la aplicación navegue hacia la actividad que muestra el detalle de la cerveza en sí.

Continue…

Prefix en Xcode 6. Añadirlo es muy sencillo.

Antes de Xcode 6, todos los proyectos contenían un Prefix. Actualmente no se incluye dicho fichero Prefix en Xcode 6. Añadirlo es muy sencillo si lo necesitamos.

Para aquellos que no sepan para que sirve el Prefix Header, es muy sencillo. Se usa para garantizar que un determinado snippet de código está presente y se inserta al principio de todos los archivos. De esta forma, si queremos que una clase esté presente en todos nuestros ficheros, simplemente tenemos que hacer un import en dicho fichero Prefix.

Vamos a ver como añadirlo.

Continue…

Proyecto Sin Main StoryBoard en Xcode 6

Aunque los storyboards pueden ser muy sencillos de usar y muy útiles en proyectos simples, a la hora de la verdad somos muchos los que preferimos tener un proyecto Sin Main StoryBoard en Xcode 6.

Los pasos son muy sencillos:

  • Eliminar el Main.storyboard
  • Eliminar la referencia en el .plist
  • Añadir un nuevo UIViewController
  • Ejecutar el código necesario en el AppDelegate

A continuación te lo explico más detalladamente.

Continue…

iOS. Eliminar etiquetas html en Objective C

En este post os voy a explicar como eliminar etiquetas html en Objective C de manera sencilla, para poder mostrar los textos en nuestros UILabels pero sin dichas etiquetas y sin formato. Puede parecer una situación no frecuente, pero son muchos los feeds de rss o los servicios que tienen el contenido de lo que parseamos en formato html, lo cuál es normal ya que en muchas ocasiones suele ser el texto que se muestra en la web y que se guarda en las bases de datos directamente con dichas etiquetas html.

Eliminar etiquetas html en Objective C:

Eliminar etiquetas <a>

Otro caso muy común es querer respetar parte de las etiquetas html para conservar sus estilos, pero querer eliminar alguna etiqueta en particular. Supongamos, por ejemplo, que queremos limpiar el código html de las etiquetas <a>:

 

Interpretar html

Si por el contrario lo que queréis es interpretar html y mostrar dicho html en un UILabel respetando el formato, en uno de nuestros anteriores post os enseñamos como hacerlo

UILabel. Interpretar html en Objective-C

Cuando usamos un feed de un RSS, cuando hacemos una llamada a algún servicio o cuando queremos pintar texto formateado, suele ser muy común tener que Interpretar html en un UILabel en Objective-C. Podemos hacer esto, por ejemplo, utilizando un UIWebView. Sin embargo, en muchas ocasiones necesitamos mostrar al usuario ese texto en las celdas de una tabla o simplemente no queremos usar un UIWebView.

Interpretar html en un UILabel en objective C

Para mostrar el contenido en nuestros UILabels de la manera correcta, es decir, sin las etiquetas html pero respetando los estilos definidos, simplemente debemos usar el siguiente fragmento de texto:

Si lo que necesitamos es eliminar las etiquetas html, os explico como hacerlo en el siguiente post.

iOS – Categoría NSDate+Utilities. Fechas en Objective C.

Gracias a la categoría NSDate+Utilies podrás hacer cualquier cosa que desees con las fechas en objective C. ¿Qué necesitas saber? la fecha de mañana, la fecha de ayer, la fecha de dentro de cinco días o la fecha de hace 10 minutos? Quieres saber si una fecha forma parte de esa semana, de este mes, de este año o del año que viene? Todo eso y mucho más con esta categoría.

Descarga desde aquí:

NSDate+Utilities

Continue…

Analytics (iOS) para medir y conocer el uso de tu app

Analytics iOS

Medir medir y medir! Hoy en día todo el mundo necesita medir todo lo que ocurre en su Applicación. Lo que hacen los usuarios, lo que no hacen, de dónde vienen y a dónde van. Sin duda, Google Analytics (iOS) para medir y conocer el uso de tu app es una de las mejores opciones que puedes elegir.

¿Quieres saber cómo integrarlo en tu aplicación iOS? Es muy sencillo. Tienes que hacer cuatro cosas:

  • Obtener un API-KEY de tu aplicación
  • Integrar el SDK de Google Analytics en tu proyecto
  • Configurar el SDK en el AppDelegate
  • Trackear pantallas o eventos

Continue…

veinticuatrosiete – practica la cultura de barrio

Veinticuatrosiete es la aplicación (app ios y android) con la que podrás comprar en los pequeños comercios de barrio, de una forma sencilla e intuitiva. Sólo tienes que buscar tus productos y elegir si quieres pasar a recogerlos o si por el contrario quieres recibirlos en casa

Disculpad todos estos meses sin nuevos post! Hemos estado y estamos trabajando muy duro veinticuatrosiete. Aquí os dejo nuestro video!!! Si queréis saber más podéis hacerlo en veinticuatrosiete.es así como ver alguna entrada relacionada en crocode.mobi.