Estilos y temas

Vamos a ver ahora como podemos darle estilos a nuestras aplicaciones Android.
Tenemos la posibilidad de darle estilos a algo concreto como un botón ,textos etc... o a toda una actividad mediante la creación de temas.

En primer lugar vamos a ver como creamos estilos.
Por ejemplo si queremos dar estilo a un botón lo podemos hacer añadiendo a la etiqueta Button las siguientes lineas:

android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:textColor="#00FF00"

    android:typeface="monospace"

    android:text="Mi estilo" 

Si tenemos varios botones tenemos la posibilidad de crear un estilo en el archivo style.xml y añadirlo al botón style="@style/MiEstilo.Botones" y no tener que estar repitiendo el código anterior en todos los botones que tengamos.Para ello en el archivo style.xml añadimos las siguientes lineas:

De esta manera creamos el estilo, tenemos que tener en cuenta que tiene que heredar de un estilo ya existente como vemos en parent y con las siguientes lineas podemos modificar las propiedades del estilo que heredamos.
También tenemos la opción de crear un estilo que herede de nuestro estilo ya creado,para esto no hay que utilizar la etiqueta parent simplemente poniendo en el name el nombre del estilo y el nuevo nombre como vemos en la imagen de abajo:

Ahora vamos a ver los temas, debemos saber que los temas son estilos pero que se van a utilizar en toda una actividad:

Como vemos en la imagen, se crea igual que un estilo pero en vez de heredar de otro estilo hereda de un tema.En el AndroidManifest.xml a la actividad que queramos que utilice estos estilo le añadimos  android:theme="@style/miTema".

Intenciones

Las intenciones se utiliza para que las actividades se ejecuten.Existen dos tipos de intenciones:

1. Intenciones explícitas:se indica exactamente el componente a lanzar. Su utilización típica es la de ir ejecutando los diferentes componentes internos de una aplicación.
2. Intenciones implícitas:pueden solicitar tareas abstractas, como “quiero tomar una foto” o “quiero enviar un mensaje”. Además las intenciones se resuelven en tiempo de ejecución, de forma que el sistema mirará cuantas aplicaciones han registrado la posibilidad de ejecutar ese tipo de actividad. Si encuentra varias el sistema puede preguntar al usuario la actividad que prefiere utilizar.

Hay varias formas de utilizar las intenciones :

• Con este código se lanza una actividad:

Intent intent =new Intent(this, MI_CLASE.class);
intent.putExtra("usuario", "Pepito Perez");
intent.putExtra("edad", 27);
startActivity(intent);

• Para recoger los datos una vez lanzada la actividad utilizamos el siguiente código:

Bundle extras = getIntent().getExtras();
String s = extras.getString("usuario");
int i = extras.getInt("edad");

• Cuando la actividad lanzada termina también podrá devolver datos que podrán ser recogidos por la actividad lanzadora de la siguiente manera.

Intent intent = new Intent(this, MI_CLASE.class);
startActivityForResult(intent, 1234);
@Override protected void onActivityResult (int requestCode, int resultCode, Intent data){
if (requestCode==1234 && resultCode==RESULT_OK) {
String res = data.getExtras().getString("resultado"); }
}
En la actividad llamada has de escribir:
Intent intent = new Intent();
intent.putExtra("resultado","valor");
setResult(RESULT_OK, intent);
finish();

Actividad

Una actividad es una interacción del usuario con una parte de la aplicación, son las responsables de crear el interfaz de usuario. Una aplicación suele estar formada por una serie de actividades, el usuario puede ir navegando entre actividades.
Una actividad consta de una serie de características:

• Esta asociado a un layout.
• La clases tiene que descender de la clase Activity. En esta clase se indicará que layout es el suyo.
• Cada clase (Actividad) no comparte sus variables.
• Todas las actividades creadas se deben registrar en el AndroidManifest.xml.

Layouts

Un layout es un contenedor de uno o varias vistas y también puede contener más layouts.Podemos encontrar los diferentes layouts:

• LinearLayout: Dispone los elementos en una fila o en una columna.
• TableLayout: Distribuye los elementos de forma tabular.
• RelativeLayout: Dispone los elementos en relación a otro o al padre.
• AbsoluteLayout: Posiciona los elementos de forma absoluta.(esta obsoleto)
• FrameLayout: Permite el cambio dinámico de los elementos que contiene.

Atributos de la clase TextView

Para las vistas que contienen texto en su interior tenemos los siguientes atributos:


Basicos:

• text: texto que se va a mostrar. se puede poner directamente "Hola" o utilizando @string/saludo, este último es muy util a la hora de tener distintos idiomas.
• text_style: bold/italic.....
• typerface: fuentes.
• gravity: alineación de los textos.
• text_apparence: estilos sólo atributos de texto
• hint: texto que se mostrará normalmente en un EditText, por ejemplo en las cajas de texto que aparecen "Introduzca dni".

Tamaños

• text_size: tamaño del texto.
• width: ancho final del texto
• height: alto final del texto
• text_scale_x: deforma el texto en escala horizontal
• max_lenght: máximo de caracteres permitidos.
• lines: numero de lineas que se visualiza, min_lines y max_lines.

Color

• text_color: color del texto
• text_color_link: color de los enlaces
• text_color_highlight: color de texto cuando es seleccionado
• text_color_hint: color de texto de hint

Para definir los colores podemos utilizar "#FFFFF", colores definidos por el sistema"@android:color/blue", o colores definidos por el usuario."@color/micolor"

Atributos de la clase View

la clase View es la  principal en la jerarquica de vistas y tienes una series de atributos para su buen uso.

Tenemos los de posicionamiento:

• layout_width: ancho.
• layout_height: alto.

Aunque lo habitual es utilizar:

• wrap_content: ajusta el tamaño al contenido
• fill_parent: ajusta el tamaño al máximo. En el nivel API 8 se renombra a match_parent

Los siguientes atributos para los margenes exteriores:

• layout_margin.
• layout_margin_botton
• layout_margin_left.
• layout_margin_right.
• layout_margin_top.

Para centrar o justificar la vista tenemos el atributo layout_gravity y para repartir el espacio disponible entre las vistas utilizamos layout_weight.

Tenemos atributos que definen el comportamiento de las vistas:

• id: identifica a la vista, para crear uno nuevo se utiliza @id+/nombre del identificador para acceder a este dientificador se utiliza solo @id/nombre y también tenemos la posibilidad de utilizar identificadores ya definidos por el sistema  @android:id/tab.
• tag:string que utilizará el programador para lo que el necesite.
• content_description: describe contenido de la vista
• clickable: para indicar si la vista reacciona ante eventos clickables
• onclick: el metodo que se invoca será el onClick
• long_clickable: si la vista reacciona a eventos clickables largos.
• focusable: indica que elemento de la vista tome al foco
• focusable_in_touch_mode:donde se pusle se colocará el foco.
• next_focus_up, next_focus_down, next_focus_right, next_focus_left, se coloca el foco cuando utilizamos las teclas del cursor.

Para los aspectos visuales de la vista tenemos:

• visibility: para la visibilidad de la vista:
• visible.
• invisible
• gone: la vista es invisible pero no ocupa lugar.
• background: permite imagen en la vista.
• style: permite que la vista se le definan estilos.
• min_width,min_height : alto y ancho minimo de la vista.
• padding, paddingBottom, paddingTop,paddingLeft, paddingRight: margen interior de la vista.

Todos estos atributos se pueden modificar desde Xml o desde código java.