Actualidad, Android, Tecnología, Tutoriales

Tutorial De Constraint Layout Android

Constraint Layout es la nueva tecnología de Android Studio para crear interfaces de usuario en distintos tamaños y resoluciones. Similar como pasa en xCode con los storyboards. Ahora bastará crear una vista e implementar los constraints para crear una interfaz de usuario de todos los tamaños de pantalla que existen en el mercado.

Empecemos Creando Nuestro Proyecto

Creamos un proyecto nuevo en Android Studio y le pondremos el nombre de TestingContraintLayout, puedes guardarlo donde quieras:

crear_proyecto_android_studio_firebase

Ya sabes, escoges tu Api, Seleccionamos un EmptyActivity y dejamos que el resto lo haga el IDE por nosotros:

creando_proyecto_android_firebase

¿Cómo implementar Constraint Layout?

Para lograr esto iremos al SDK Manager y nos situaremos en la pestaña de SDK Tools:

configurando_sdk_firebase

Puedes ver: ¿Qué es y para que sirve Android SDK?

 

En el renglón de Support Repository, marcamos la casilla <<ConstraintLayout for Android>> y <<Solver for ConstraintLayout>>. Presiona en aplicar y acepta los términos para instalar las librerías. Por cierto, debes poner atención a que versión de librería estás descargando, así al momento de implementar la dependencia tenga coherencia con el SDK.

En mi caso tengo la versión 1.0.2 de Contraint Layout por lo cual implementaremos la siguiente dependencia dentro mi archivo app.gradle

compile ‘com.android.support.constraint:constraint-layout:1.0.1’

Luego presionas el boton de sincronizar y con eso ya tenemos implementado Constraint Layout en nuestro proyecto.

dependencia_constraint_layout_android

Convirtiendo nuestro Layout a Constraint

Convertir tu clásico Linear Layout o Relative Layout a un Constraint no es tan complicado, sin embargo yo recomiendo que Constraint Layout se implemente en nuevos proyecto.

En los proyectos que se encuentran desarrollados y muy bien optimizados, no es tan aconsejable implementar esta tecnología, por el simple motivo que tendrían que mover todas las vistas y rediseñar la app (llevaría mucho tiempo).

Ahora situémonos en res/layout/activity_main.xml y abrimos el archivo.

xml_widgets_constraint_layout

En <<Component Tree>> marcamos con clic derecho nuestro layout (sea Linear o Relative) y seleccionamos la opción Convert layout to ConstraintLayout.

convertir_layout_constraint

Listo con eso hemos convertido nuestro layout a ConstraintLayout.

¿Cómo Agregar Una Constraint Android?

Los desarrolladores de Google quisieron implementar una nueva forma más intuitiva para interactuar con los constraints al estilo DRAG AND DROP, puedes crear tus constraints fácil y rápido.

Hay dos maneras de crear los contraint Layout, al igual que en muchos casos, puedes hacerlo de forma manual o de forma automatizada. En este tutorial te enseñare de manera manual, ya que para mí es más fiable que hacerlo de manera automática además que no es tan automático como lo vende Android Studio, tendremos que mover datos y hace que sea doble trabajo al final de cuentas.

Vamos a hacer que nuestro xml tenga los siguientes widgets y que se vean de esta manera:

constraint_layout_android

Bueno ya sabés lo sencillo que es colocar los widgets de Android. Aquí viene la parte que todos queremos saber, cada widgets ahora tendrá una especie de chibolitas en cada uno de sus extremos.

Tan sencillo como presionar el círculo y jalar hacia donde quieres que tomen márgenes y listo. Lo sé es bastante simple y extraño, y con los demás widgets procedemos de igual manera.

Recuerda que los widgets deben tener coherencia con cada uno de los widgets y márgenes. Si deseas tener más ilustraciones de los constraint layout, te recomiendo que revises la documentación oficial de Contraint Layout en Android para que no te queden dudas al respecto.
Es cuestión de práctica, cuando domines la lógica de los constraint se te haré súper fácil desarrollar interfaces de usuario ¡increíbles! en Android Studio con Constraint Layout.

start_project_tutorial_android
Actualidad, Android, Informática, Linux, Tutoriales

Tutorial Para Empezar A Programar En Android

En el siguiente tutorial aprenderemos cómo crear nuestra primera app Android y cómo dar nuestros primeros pasos en la herramienta oficial de Google, Android Studio. Comencemos:

¿Qué Necesito Para Programar En Android?

Posiblemente sabes que Android proviene de Java, esta es la razón por la cual debemos instalar el Java Development Kit (JDK) de Oracle en nuestro ordenador.

Luego de instalar el JDK, debes descargar e instalar Android Studio, el cual puedes encontrar aquí mismo.

Instalación Del JDK

Una vez hayas descargado el JDK adecuado para tu sistema operativo, continuarás con la instalación del mismo (si no sabes cómo instalar el JDK en tu sistema operativo aquí te explicamos cómo).

Debes tomar en cuenta que en el caso de Windows se debe configurar tu sistema y declarar unas variables de entorno para que funcione a la perfección, en el caso de Linux y MacOS es un poco más sencillo.

Instalación de Android Studio

Ya instalado el JDK y configurado correctamente, procedemos con la instalación de nuestro martillo de Thor, el IDE por excelencia proporcionado por Google y desarrollar grandes apps Android desde aquí.

DESCARGAR ANDROID STUDIO

Debemos iniciar el instalador de Android Studio. En Windows es sencillo, solo debes dar doble clic sobre el ejecutable y listo, ya ha comenzado la instalación; similar en el caso de MacOS. Por otro lado para Linux se debe descargar un zip y dentro del mismo se levanta un .sh que equivale a un .exe en Windows, únicamente que la manera de ejecutar un .sh es por medio de comandos en consola muy sencillos y listo.

Una vez tengamos instalado el IDE empieza la magia dentro de Android. Te cuento que para que se finalice nuestra instalación al 100% debemos instalar las librerías básicas del SDK de Android (Software Development Kit). Aquí en Obux explicó que es como utilizar las SDK de Android.

Ahora sí, la mejor parte del tutorial viene a continuación:

 

Creando Nuestro Primer Proyecto En Android Studio

Cuando iniciemos Android Studio nos mostrará la siguiente pantalla con estas opciones:

start_project_tutorial_android

seleccionamos <<Start a new Android Studio project>> y abrirá la siguiente ventana:

Te pedirá el nombre del proyecto o app, y también el nombre de dominio. Este nombre de dominio debe ser único, el cual identificará la PlayStore cuando se suba la app. procura usar estándares y buenas prácticas para el mismo. Por ejemplo: un buen nombre de dominio debería llevar el nombre de la empresa, abreviación del país y nombre del proyecto o app.

¿Qué es una Api?

 

Y por último la versión mínima (api) de Android para tu proyecto y claro la ruta de destino.

starter_step2_android_tutorial

Seguido de esto te mostrar una ventana Para seleccionar el tipo de vista o Activity con el que iniciara tu proyecto Android y seleccionaremos para este ejemplo el más básico <<Empty Activity>>.

tutorial_android_empty_activity
tutorial_android

Hola Mundo Desde Android

Te presento el árbol del proyecto dentro de Android Studio…

arbol_android_studio

Puedes cambiar la vista como mejor se acomode a tus necesidades, pero por el momento nos basta con la vista básica de Android.

vista_de_proyecto_android_studio

Ahora nos iremos a <<res>> luego a <<layout>> y abrimos el archivo de activity_main.xml y nos mostrará la siguiente vista:

layout_xml_view_android_tutorial

Hay dos maneras de interactuar con él la interfaz gráfica de Android, por medio de código o con el asistente gráfico. Te mostraré como hacerlo por código xml, que para mí es el más sencillo y rápido de armar.

Presiona la pestaña inferior <<text>> y escribe lo siguiente:

xml_activity_android_tutorial_code

Ahora nos situaremos en el siguiente archivo…

mainactivity_android_tutorial

MainActivity es una clase Java y que extiende de la super clase Activity. Debemos declarar los widgets, inicializarlo para luego setearle el texto (pasar el texto) que queremos cuando el usuario presione el botón. A continuación mostraré el código fuente, con su respectiva explicación en los comentarios:

mainactivity_code_java_android_tutorial

Ahora que ya tenemos nuestro código y la interfaz de usuario xml lista, procederemos a compilar el proyecto y ejecutarlo en un dispositivo móvil. Puedes compilar tu app en un dispositivo móvil físico o virtualizado.

Si cuentas con la última versión de Android Studio (recomendamos que así sea) puedes compilar fácilmente en un emulador virtual de Android Studio, si no te gusta como se compila, puedes optar por Genymotion.

 

Así se mostrará tu app, Antes de presionar el botón.

android_tutorial_hello_world

Luego de presionar el botón

android_tutorial_emulator_helloworld

¡Listo! Ya cuentas con tu primer <<Hello World>> y con tus primer líneas de código Android. Posiblemente pensarás que hice algunas líneas de código de más, pero es para que entiendas que en el mundo de Android y los clientes te pedirán de diferentes maneras los requerimiento del cliente, así que más vale estar preparado e ir conociendo Android Studio a todo dar y por supuesto el lenguaje de Android.
Como buen desarrollador, te recomiendo que muevas y agregues código que te sugiera el IDE. Así aprenderás más rápido el lenguaje y su estructura. Por ejemplo, agregale márgenes a tus widgets en el xml, centra el texto, crea tus propios métodos, interfaces, clases, etc. Para entender de una manera súper sencilla Android, estudia conceptos básicos de JAVA; lenguaje del cual nació Android.

Tips, Tutoriales, Ubuntu

Intel 945GM y Ubuntu 9.10: Solucionar problemas de Resolución para Doble Monitor

Hoy recién instale Ubuntu 9.10 y me he llevado dos malas sorpresas:

  1. No me funcionaba la resolución. Tengo dos pantallas LCD (jejemmm… ) una Dell de 1280 x 1024 pixels y la otra de 1280 x 800 pixels. Al momento de instalar Ubuntu las pantallas estaban duplicadas (es decir que en ambos monitores veía lo mismo) y no podía pasar de los 800 x 600. Decidí entonces configurar el xorg.conf.
  2. Ubuntu 9.10 no tiene xorg.conf!!!

No esta demás decir que no tenia ni remota idea de como corregir el error. Sin embargo al fin lo logre y aquí deseo compartir con ustedes la solución. Para lograrlo el tip es regresar al Driver Intel de Ubuntu 9.04 (Jaunty Jackalope) ó añadir un Xorg.conf. Sigue leyendo “Intel 945GM y Ubuntu 9.10: Solucionar problemas de Resolución para Doble Monitor”

Actualidad, Informática, learning unit, Linux, Noticias, Open-Source, Personalización, Software, Tecnología, Tutoriales, Ubuntu, Varios

Como instalar AWN en Ubuntu 9.04 Jaunty Jackalope | Megatutorial

Una vez más sale a luz la actualización del Megatutorial de instalación de AWN en Ubuntu, esta vez para la versión 9.04 Jaunty Jackalope.

AWN [Avant window navigator] es una útil y agradable barra al estilo Mac (de los Ordenadores Apple) la cual puedes utilizar para tener acceso de manera fácil y agradable a tus programas favoritos o ver las carpetas abiertas similar a como lo hace un panel.

El Megatutorial contiene las siguientes partes:

  • Que es AWN
  • Requisitos para Instalar AWN
  • Instalar AWN en Ubuntu 9.04 Jaunty Jackalope y en las versiones 8.04 y 8.10
  • Hacer que AWN cargue al inicio de sesión de Ubuntu
  • Como añadir lanzadores
  • Personalizar AWN con themes
  • Añadir plugin de Pigdin en AWN [Cliente de mensajería]
  • Añadir curvatura a AWN
  • Configurar AWN al estilo Mac OS X
  • Desinstalar AWN

Link | Instalar AWN en Ubuntu 9.04 Jaunty Jackalope

Informática, learning unit, Linux, Noticias, Open-Source, Tutoriales, Ubuntu

Como particionar el disco duro en Ubuntu

Obux Ubuntu Linux GuatemalaAntes de instalar Ubuntu Linux, y si además queremos que conviva con otros sistemas operativos, necesitaremos realizar una serie de particiones. Este es uno de los principales inconvenientes que se encuentra un usuario novel y que intentaremos solventar con esta pequeña guía. Uno de los inconvenientes que nos encontramos es que, cuando preguntamos a alguien cuántas particiones debemos hacer, cada uno nos dice las que él considera, con el tamaño que cree oportuno, particiones primarias, secundarias (lógicas), etc. En esta guía se va a tratar de exponer todo para los usuarios principiantes, para que les sea fácil cambiar de distribución o, si no les gusta Linux, eliminar sus particiones de forma fácil y segura. Recomendamos leer primero todo el artículo y luego proceder a particionar el disco. Sigue leyendo “Como particionar el disco duro en Ubuntu”

learning unit, Linux, Open-Source, Software, Tecnología, Tutoriales, Ubuntu

Instalación y desinstalación de software en Ubuntu y Kubuntu

En este pequeño articulo (porque realmente es pequeño) se expondrán diversos métodos para instalar aplicaciones adicionales en Ubuntu y Kubuntu GNU/Linux.

Dentro de los distintos métodos que veremos a continuación, están los siguientes:

  • apt-get/Synaptic/Adept
  • Instalación manual de un paquete .deb
  • Instalación manual de un paquete .rpm
  • Instalación desde el código fuente
  • Otros métodos
  • Desinstalación

Así que si estamos listos vamos a empezar!! Sigue leyendo “Instalación y desinstalación de software en Ubuntu y Kubuntu”

Noticias, Open-Source, Personalización, Tutoriales, Ubuntu

Como instalar AWN en Ubuntu Intrepid Ibex 8.10

AWN es una útil y agradable barra al estilo Mac (de los Ordenadores Apple) la cual puedes utilizar para tener acceso de manera fácil a tus programas favoritos o ver las carpetas abiertas similar a como lo hace un panel.

Bueno y para quienes no sabían esta magnifica Dock puede ser instalada en Ubuntu, así que les adjunto un link con un Megatutorial de Instalación de AWN.  El tutorial contiene las siguientes partes:

  • Que es AWN
  • Requisitos para Instalar AWN
  • Instalar AWN en Ubuntu 8.04 y 8.10
  • Hacer que AWN cargue al inicio de sesión de Ubuntu
  • Como añadir lanzadores
  • Personalizar AWN con themes
  • Añadir plugin de Pigdin en AWN
  • Añadir curvatura a AWN
  • Configurar AWN al estilo Mac OS X Leopard
  • Desinstalar AWN

Así que sin mas preámbulos les dejo el link a continuación:

Link | Instalar AWN en Ubuntu Intrepid Ibex 8.10 y Ubuntu Hardy Heron 8.04