Introduccin

Android sistema operativo que surgio en 2005, pertenece a Google Lo que me mantiene
entusiasmado es poder afectar a una gran cantidad de personas: si hay 3.1 mil millones de
telfonos en el mundo, es una muy buena manera de darles algo mejor a muchos. Quiero
crear algo que a la gente le encante usar, y que lo use por sus mritos (Andy Rubin). Las
herramientas que se abordan son muy importantes para la creacin de proyectos como lo
es RelativeLayout, ImageView por mencionar algunas de las herramientas que nos sirven
para la mejora visual de la aplicacion

Objetivo

Conocer las caractersticas

aplicaciones en Android.

y herramientas de Android para la creacin de

Estudiar las herramientas de Android y estructurar ejemplos.

ImageView
Muestra una imagen arbitraria, tal como un icono. La clase ImageView puede cargar
imgenes de diversas fuentes (por ejemplo, los recursos o los proveedores de contenido),
se encarga de calcular su medicin de la imagen para que pueda ser utilizado en cualquier
controlador de distribucin, y ofrece diversas opciones de visualizacin, como la escala y
tintado.
Constructores Pblicas:
ImageView (Contexto contexto)
ImageView (Contexto contexto, AttributeSet attrs)
ImageView (Contexto contexto, AttributeSet attrs, int defStyleAttr)
ImageView (Contexto contexto, AttributeSet attrs, int defStyleAttr, int defStyleRes)

Se define una vista de la imagen en XML utilizando el <ImageView> elemento. Se utiliza el

atributo android: src para especificar qu imagen desea mostrar. Utiliza el android:
contentDescription atributo para agregar una cadena de descripcin de la imagen para
que su aplicacin es ms accesible:
Ejemplo:
<ImageView
android:layout_width="200dp"
android:layout_height="100dp"
android:src="@drawable/starbuzz_logo"
android:contentDescription="@string/starbuzz_logo" />

Spinner
Spinners proporcionan una manera rpida para seleccionar un valor de un conjunto. En el
estado por defecto, una ruleta muestra su valor seleccionado. Al tocar el spinner muestra
un men desplegable con todos los valores disponibles, de las cuales el usuario puede
seleccionar uno nuevo.
Carga de elementos:
Las opciones que usted proporciona para el Spinner pueden provenir de cualquier fuente,
sino que debe ser proporcionado a travs de un SpinnerAdapter, como un ArrayAdapter si
las opciones estn disponibles en una matriz o un CursorAdapter si las opciones estn
disponibles en una consulta de base de datos.

Por ejemplo, si las opciones disponibles para su spinner son pre-determinado, puede
proporcionar con una matriz de cadenas definidas en un archivo de recurso de cadena:
<resources>
<string-array name = "planets_array" >
<item> Mercury </item>
<item> Venus </item>
<item> Earth </item>
<item> Mars </item>
<item> Jupiter </item>
<item> Saturn </item>
<item> Uranus </item>
<item> Neptune </item>
</string-array>
</resources>
Cuando el usuario selecciona un elemento de la lista desplegable, el Spinner objeto recibe
un evento sobre tems seleccionados.
Para definir el controlador de eventos de seleccin de una ruleta, implementar el
AdapterView.OnItemSelectedListener interfaz y los correspondientes onItemSelected
() mtodo de devolucin de llamada. Por ejemplo, aqu hay una implementacin de la
interfaz en una actividad:
Un artculo fue seleccionado. Puede recuperar el elemento seleccionado utilizando
// parent.getItemAtPosition
(pos)}
Pblica vaco onNothingSelected (AdapterView <?> Padre) {// Otra de devolucin de
llamada de
interfaz}}

Ejemplo:
Usted puede agregar un control de giro a su diseo con la Spinner objeto. Por regla
general deber hacerlo en su diseo de XML con un <Spinner> elemento. Por ejemplo:
<Spinner
android:id = "@+id/planets_spinner"
android:layout_width = "fill_parent"
android:layout_height = "wrap_content" />
Para rellenar la ruleta con una lista de opciones, entonces usted necesidad de especificar
un SpinnerAdapteren su actividad o Fragmento de cdigo fuente.

Relative layout.
RelativeLayout es un grupo vista que muestra puntos de vista del nio en posiciones
relativas. La posicin de cada punto de vista se puede especificar como en relacin con
hermanos elementos (tales como a la izquierda de o por debajo de otra vista) o en
posiciones relativas a los padresRelativeLayout rea (como alineada con la parte inferior,
izquierda o central)
Algunas de las muchas propiedades de diseo disponibles para los puntos de vista en un
RelativeLayout incluyen:
android: layout_alignParentTop
Si "verdadero", hace que el borde superior de este punto de vista coincide con el borde
superior de la matriz.
android: layout_centerVertical
Si "verdadero", se centra este nio verticalmente dentro de su matriz.
android: layout_below
Posiciona el borde superior de este punto de vista por debajo de la vista especificada con
un identificador de recurso.
android: layout_toRightOf
Posiciones del borde izquierdo de este punto de vista a la derecha de la vista especificada
con un ID de recurso.

Ejemplo Relative Layout:

<? Xml version = "1.0" encoding = "utf-8" ?>
<RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:paddingLeft = "16dp"
android:paddingRight = "16dp" >
<EditText
android:id = "@+id/name"
android:layout_width = "match_parent"
android:layout_height = "wrap_content"
android:hint = "@string/reminder" />
<Spinner
android:id = "@+id/dates"
android:layout_width = "0dp"
android:layout_height = "wrap_content"
android:layout_below = "@id/name"
android:layout_alignParentLeft = "true"
android:layout_toLeftOf = "@+id/times" />
<Spinner
android:id = "@id/times"
android:layout_width = "96dp"
android:layout_height = "wrap_content"
android:layout_below = "@id/name"
android:layout_alignParentRight = "true" />
<Button
android:layout_width = "96dp"
android:layout_height = "wrap_content"
android:layout_below = "@id/times"
android:layout_alignParentRight = "true"
android:text = "@string/done" />
</RelativeLayout>

GridLayout
La rejilla se compone de un conjunto de lneas infinitamente delgadas que separan
el rea de visualizacin en las clulas. A lo largo de la API, las lneas de cuadrcula
son referenciados por la red ndices. Una cuadrcula con N columnas tiene N +
1 ndices de rejilla que van de 0 a travs de N inclusive. Independientemente de
cmo se configura GridLayout, ndice de cuadrcula 0 se fija al borde de ataque
del ndice de recipiente y la rejilla de N se fija a su borde de salida (despus de
relleno se tiene en cuenta).

Espacio entre los nios puede ser especificado ya sea mediante el uso de las instancias de
la dedicada Espacio vista o estableciendo los leftmargin, topmargin, RightMargin y
BottomMargin parmetros de diseo
Ejemplo:
Se define un diseo de cuadrcula de una manera similar a cmo se definen los otros tipos
de diseo, esta vez utilizando el elemento <GridLayout>:
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnCount="2"

... >

... </GridLayout>

LINEARLAYOUT
LinearLayout agrega cada nio Ver en lnea recta, ya sea vertical u horizontalmente.
Un diseo vertical tiene un hijo Ver por fila, mientras que una disposicin horizontal tiene una
sola de Vistas. El Administrador de Linear Layout le permite especificar un "peso" para cada
nio que Vista controla el tamao relativo de cada dentro del espacio disponible.
Ejemplo
Xml version = "1.0" encoding = "utf-8" ?>
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:paddingLeft = "16dp"
android:paddingRight = "16dp"
android:orientation = "vertical" >
<EditText
android:layout_width = "match_parent"
android:layout_height = "wrap_content"
android:hint = "@string/to" />
<EditText
android:layout_width = "match_parent"
android:layout_height = "wrap_content"
android:hint = "@string/subject" />
<EditText
android:layout_width = "match_parent"
android:layout_height = "0dp"
android:layout_weight = "1"
android:gravity = "top"
android:hint = "@string/message" />
imagen LienarLayout (android developer)
<Button

android:layout_width = "100dp"
android:layout_height = "wrap_content"
android:layout_gravity = "right"
android:text = "@string/send" />
</LinearLayout>

Padding:
Estos atributos dicen Android cunto Padding que desea entre cada uno de los
lados de la disposicin y de su padre. He aqu cmo usted dira Android desea
agregar el relleno de 16dp alrededor de todos los bordes de la disposicin:
<RelativeLayout ...

android:paddingBottom="16dp"

android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="16dp">
...
</RelativeLayout>
Los android: padding atributos * son opcionales, y se puede utilizar con cualquier diseo o
vista.
Se utiliza un archivo de recursos dimensin mediante el establecimiento de los atributos de
relleno en el archivo de diseo para el nombre de un recurso dimensin de esta manera:
<RelativeLayout ...
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin">

ToggleButton
Un botn de activacin permite al usuario cambiar un ajuste entre dos estados.
Usted puede agregar un botn bsica de palanca a su disposicin con el ToggleButton
objeto. Introduce otro tipo de botn de activacin llama un interruptor que proporciona un
control deslizante, que puede agregar con un interruptor de objeto.
Si necesita cambiar el estado de un botn usted mismo, usted puede utilizar los
CompoundButton.setChecked () o CompoundButton.toggle () mtodos.
Para
detectar
cuando
el
usuario
activa
el
botn
o
switch,
una
CompoundButton.OnCheckedChangeListenerobjeto
y
asignarlo
al
llamando setOnCheckedChangeListener ().

crear
botn

Ejemplo:
ToggleButton toggle = ( ToggleButton ) findViewById ( R . id . togglebutton );
toggle . setOnCheckedChangeListener ( new CompoundButton .
OnCheckedChangeListener () {
public void onCheckedChanged ( CompoundButton buttonView , boolean isChecked
) {
if ( isChecked ) {
// El conmutador est
activado} otro {// La alternancia est
desactivada}}});

Switch
Un Switch es un widget interruptor de palanca de dos estados que pueden elegir entre
dos opciones. El usuario puede arrastrar el "pulgar" de ida y vuelta para elegir la opcin
seleccionada, o simplemente toque para alternar como si se tratara de una casilla de
verificacin. El texto de la propiedad controla el texto que aparece en la etiqueta para el
cambio, mientras que el descuento y el texto controla el texto en el pulgar. Del mismo
modo, la textAppearance y la setTypeface relacionado () los mtodos de control de la
tipografa y el estilo del texto de la etiqueta, mientras que el switchTextAppearance y la
setSwitchTypeface relacionado () los mtodos de control de la del pulgar.

Ejemplo Switch:
<Switch

android:id="@+id/switch_view"

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOn="@string/on"
android:textOff="@string/off" />

Check Boxes
Las casillas de verificacin permiten al usuario seleccionar una o ms opciones de un
conjunto. Por lo general, usted debe presentar cada opcin casilla en una lista vertical.
Para crear cada opcin casilla, crear un CheckBox en su diseo. Debido a una serie de
opciones de casilla de verificacin permite al usuario seleccionar varios elementos, cada
casilla se gestiona por separado y debe registrar un clic de escucha para cada uno.

Ejemplo:
Por ejemplo, aqu hay un par CheckBox objetos en una lista:
<? Xml version = "1.0" encoding = "utf-8" ?>
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
android:orientation = "vertical"
android:layout_width = "fill_parent"
android:layout_height = "fill_parent" >
<CheckBox android:id = "@+id/checkbox_meat"
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "@string/meat"
android:onClick = "onCheckboxClicked" />
<CheckBox android:id = "@+id/checkbox_cheese"
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "@string/cheese"
android:onClick = "onCheckboxClicked" />
</LinearLayout>
Dentro de la actividad que acoge esta disposicin, el siguiente mtodo maneja el evento
click para ambas casillas de verificacin:
pblica vaco onCheckboxClicked (Ver vista) {// es la vista ahora comprobado?
boolean comprobado = ((CheckBox) vista). isChecked ();
// Comprobar que la casilla de verificacin se ha hecho clic
interruptor (vista. getId ()) {caso
R. Identificacin . checkbox_meat:
si (comprobado)
// Ponga un poco de carne en el sndwich
dems
// Retire la carne de
ruptura;
caso R. Identificacin. checkbox_cheese:
si (verificado)
// queso me
dems
// soy intolerante a la lactosa
descanso;
// TODO: Veggie
sndwich}}

Image Button
Muestra un botn con una imagen (en lugar de texto) que se puede presionar o
hace clic por el usuario. Por defecto, un ImageButton parece un habitual Button,
con el fondo del botn estndar que cambia de color en diferentes estados del
botn. La imagen en la superficie del botn se define ya sea por el androide:
src atributo en el Elemento XML o por el setImageResource (int) mtodo.
Para eliminar la imagen de fondo botn de la norma, definir su propia imagen de fondo o
definir el color de fondo a ser transparente.
Constructores Pblicas
ImageButton (Contexto contexto)
ImageButton (Contexto contexto, AttributeSet attrs)
ImageButton (Contexto contexto, AttributeSet attrs, int defStyleAttr)
ImageButton (Contexto contexto, AttributeSet attrs, int defStyleAttr, int defStyleRes)

Ejemplo:
Para indicar los diferentes estados del botn (centrado, seleccionado, etc.), se puede
definir una imagen diferente para cada estado. Por ejemplo, una imagen azul por defecto,
uno naranja para cuando se enfoca, y una amarilla para cuando se presiona. Una manera
fcil de hacerlo es con un XML estirable "Selector".
<item android: state_focused = "true"
android: estirable = "@ estirable / button_focused" /> <- centrado ->
<item android: estirable = "@ estirable / button_normal" /> <! - - por defecto ->
</ selector>
Ejemplo:
Para mostrar texto en un botn con una imagen a la derecha de la misma, utilice el
atributo android: drawableRight y especificar la imagen que se utilizar:
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableRight="@drawable/android"
android:text="@string/click_me" />

ScrollViews
Contenedor de diseo para una jerarqua de vistas que se pueden desplazar por el usuario,
permitiendo que sea ms grande que la pantalla fsica. Un ScrollView es un FrameLayout, lo
que significa que debe colocar a un nio en ella que contiene todo el contenido para
desplazarse; este nio puede ser en s mismo un controlador de distribucin con una
compleja jerarqua de objetos. Un nio que se utiliza a menudo es un LinearLayout en una
orientacin vertical, presentando un conjunto vertical de elementos de nivel superior que
el usuario puede desplazarse por.

Nunca se debe utilizar una ScrollView con un ListView, porque ListView se encarga de su
propio desplazamiento vertical. Lo ms importante es hacer esto derrota a todas las
optimizaciones importantes de ListView para tratar con grandes listas, ya que obliga
efectivamente el ListView para mostrar toda su lista de elementos para llenar el recipiente
infinita suministrada por ScrollView.

Ejemplo:
Para agregar una barra de desplazamiento vertical a su disposicin, se rodea el trazado
existente con un <ScrollView> elemento de la siguiente manera:
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="16dp"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="16dp"
android:orientation="vertical" >
...
</LinearLayout>
</ScrollView>

Visualizacin de ScrollView

Conclusin
En conclusin las herramientas que acabamos de investigar unas fueron explicadas en
clase, las herramientas que nos sirven para darle un mejor diseo a las aplicaciones
mediante estos ejemplos se nos facilita la programacin; dichos elementos formaran parte
de nuestra aplicacin.

Bibliografiia
Google. (2015). Develop Apps. 21/09/2015, Sitio web:
http://developer.android.com/intl/es/index.html
MICHAEL BURTON. (2015). ANDROID DEVELOPMENT FOR DUMMIES. NEW JERSEY: Sons, inc.
Dawn Griffiths & David Griffiths. (2015). HEAD FIRST ANDROID DEVELOPMENT. USA: OREALLY.
Burton. M (2015) Android application development for dummies. Canada 3ra Edicion.