Erika Taday

ANDROID
STUDIO
COMPONENTES PARA
DESARROLLAR
APLICACIONES

WIDGETS
Plain TextView. Permite ingresar texto plano.
Large Text. Permite ingresar texto gigante.
Medium Text. Permite ingresar texto mediano.
Small Text. Permite ingresar texto pequeo.
Button. Inserta un botn que permite realizar determinada accin.
Small Button. Inserta un botn pequeo que permite realizar
determinada accin.
RadioButton, inserta un pequeo crculo en un men de la pantalla.
Permite al usuario seleccionar una nica opcin entre un grupo de
elecciones.
CheckBox. Inserta una caja de seleccin o casilla de seleccin.
Switch. Es un widget interruptor de palanca de dos estados que
pueden seleccionar entre dos opciones.
ToggleButton. Un botn de activacin permite al usuario cambiar un
ajuste entre dos estados.
ImageButton. Muestra un botn con una imagen (en lugar de texto)
que se puede presionar o hace clic por el usuario.
ImageView. Muestra una imagen arbitraria, tal como un icono.
ProgressBar (Large). Indicador visual del progreso de alguna
operacin gigante.
ProgressBar (Normal). Indicador visual del progreso de alguna
operacin normal.
ProgressBar (Small). Indicador visual del progreso de alguna
operacin pequeo.
ProgressBar (Horizontal). Indicador visual del progreso de alguna
operacin horizontal.
SeekBar. Un SeekBar es una extensin de ProgressBar que aade un
pulgar pueda arrastrar.
RatingBar. Un RatingBar es una extensin de SeekBar y ProgressBar
que muestra una clasificacin en estrellas.
Spinner. proporcionan una manera rpida para seleccionar un valor
de un conjunto. En el estado por defecto, el spinner 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.
WebView. Este View fue creado para mostrar el contenido con
formato web. Es el navegador interno de las aplicaciones Android.

LAYOUTS
Subclase de ViewGroup
- Organizan elementos visuales
LinearLayout . Distribuye los elementos uno detrs de otro, bien de
forma horizontal o vertical.

TableLayout. Distribuye los elementos de forma tabular. Se utiliza la

etiqueta <TableRow> cada vez que queremos insertar una nueva
lnea.

RelativeLayout.
Permite comenzar a situar los elementos en
cualquiera de los cuatro lados del contenedor e ir aadiendo nuevos
elementos pegados a estos.
Parmetros
android:layout_above: Posiciona el borde inferior del elemento actual

con el borde superior del view referenciado con el id indicado.

android:layout_centerHorizontal: Usa true para indicar que el view ser

centrado horizontalmente con respecto al padre.

android:layout_alignParentBottom: Usa true para alinear el borde inferior

de este view con el borde inferior del padre.

android:layout_alignStart: Alinea el borde inicial de este elemento con el

borde inicial del view referido por id.

AbsoluteLayout. Permite indicar las coordenadas (x,y) donde

queremos que se visualice cada elemento. No es recomendable
utilizar este tipo de Layout. La aplicacin que estamos diseando
tiene que visualizarse correctamente en dispositivos con cualquier
tamao de pantalla. Para conseguir esto, no es una buena idea
trabajar con coordenadas absolutas. De hecho, este tipo de Layout ha
sido marcado como obsoleto.

FrameLayout Posiciona las vistas usando todo el contenedor, sin

distribuirlas espacialmente. Este Layout suele utilizarse cuando
queremos que varias vistas ocupen un mismo lugar. Podemos hacer
que solo una sea visible, o superponerlas.Para modificar la visibilidad
de un elemento utilizaremos la propiedad visibility.

GridLayout Este tipo de layout fue incluido a partir de la API 14

(Android 4.0) y sus caractersticas son similares al TableLayout, ya
que se utiliza igualmente para distribuir los diferentes elementos de
la interfaz de forma tabular, distribuidos en filas y columnas.
TableRow. Trae consigo un parmetro llamado android:layout_column
para asignar la columna a la que pertenece cada celda en su interior.

Incluso puedes usar el parmetro weight para declarar pesos de las

celdas.
El ancho de cada columna es definido tomando como referencia la
celda ms ancha. Pero tambin podemos definir el comportamiento
del ancho de las celdas con los siguientes atributos:
android:shrinkColumns: Reduce el ancho de la columna seleccionada
hasta ajustar la fila al tamao del padre.
android:stretchColumns: Permite rellenar el espacio vaco que queda
en el TableLayout, expandiendo la columna seleccionada.

TEXTFIELDS
Un campo de texto le permite al usuario escribir texto en su aplicacin.
Puede ser una sola lnea o de varias lneas. Si toca un campo de texto
coloca el cursor y muestra automticamente el teclado. Adems de escribir,
los campos de texto permiten una variedad de otras actividades, como la
seleccin de texto (cortar, copiar, pegar) y datos de consulta a travs de
auto-realizacin.

Edit Text.- Usted puede agregar un campo de texto para el diseo

con el objeto. Por regla general deber hacerlo en su diseo de XML
con un <EditarTexto> elemento.

Especificacin del tipo de teclado

El valor predeterminado de texto tipo de entrada.

El textEmailAddress tipo de entrada.

El telfono tipo de entrada.(Phone)

Los campos de texto pueden tener diferentes tipos de entrada, como

el nmero, la fecha, la contrasea o la direccin de correo
electrnico. El tipo determina qu tipo de personajes se permiten
dentro del campo, y puede provocar el teclado virtual para optimizar
su diseo para caracteres de uso frecuente.
Se puede especificar el tipo de teclado que desea para su
EditarTexto objeto con el androide: InputType atributo.
Hay varios tipos diferentes de entrada disponibles para diferentes
situaciones. stos son algunos de los valores ms comunes
para android: InputType:
"texto"

Teclado de texto normal.

"textEmailAddress"

Teclado de texto normal con el carcter @.

"textUri"

Teclado de texto normal con el carcter /.

"nmero"

Teclado numrico bsico.

"Phone"

Teclado de estilo de telfono.

Control de otros comportamientos

El androide:
InputType tambin

le permite especificar ciertos

comportamientos del teclado, como si de capitalizar todas las nuevas
palabras o caractersticas de uso como sugerencias de
autocompletado y ortogrficos.
El androide: InputType atributo permite combinaciones de bits para que

pueda especificar un diseo de teclado y una o ms conductas a la

vez.
stos son algunos de los valores de tipo de entrada comunes que
definen los comportamientos de teclado:
"textCapSentences"

Teclado de texto normal que capitaliza la primera letra de cada frase

nueva.
"textCapWords"

Teclado de texto normal que capitaliza cada palabra. Bueno para

ttulos o nombres de persona.
"textAutoCorrect"

Teclado de texto normal que corrige palabras comnmente mal

escritas.
"textPassword"

Teclado de texto normal, pero los caracteres introducidos se

convierten en puntos.
"textMultiLine"

Teclado de texto normal que permiten a los usuarios de entrada de

largas cadenas de texto que incluyen saltos de lnea (retornos de
carro).

CONTAINERS
RadioGroup
Un RadioGroup es un ViewGroup cuyo contenido est destinado a
albergar RadioButtons. Un RadioButton es un botn circular que
visualmente representa dos estados. Uno de seleccin y otro de
inactividad. Dependiendo del estado la aplicacin actuar. Al ubicar
un RadioButton dentro de un RadioGroup inmediatamente su estado
obedecer a una mltiple exclusin entre todos los elementos que
habiten en el contenedor.
ListView
Visualiza una lista deslizable verticalmente de varios elementos,
donde cada elemento puede definirse como un Layout.

Definir un ListView conlleva los siguientes cuatro pasos:

Disear un Layout que lo contenga al ListView
Disear un Layout individual que se repetir en la lista
Implementar una actividad que lo visualice el Layout con el
ListView
Personalizar cada una de los Layouts individuales segn
nuestros datos
GridView
Permite crear una cuadrcula bidimensional de elementos entre los
que podemos elegir. Cuando trabajamos con GridView podemos
definir el nmero y el tamao de las columnas; el nmero de filas por
el contrario se define dinmicamente en funcin del nmero de tems
que el adaptador que estemos utilizando indique como disponibles
para la vista a desplegar en la pantalla.
Propiedades

android:numColumns indica el nmero de columnas que tendr la

cuadrcula. O en el caso de que indiquemos el valor auto_fit en este
atributo, Android calcular el nmero de columnas basado en el
espacio disponible y en las propiedades que veremos a continuacin.
android:verticalSpacing y android:horizontalSpacing indican cuntos
pixeles de espacio en blanco deben existir entre cada tem de la
cuadrcula.
android:columnWidth indica cuntos pixeles de ancho deber tener
cada columna.
android:stretchMode define, para las cuadrculas cuyo valor para el
atributo android:numColumns sea auto_fit, cmo debe aprovecharse
cada espacio disponible que no est siendo ocupado por el ancho de
las columnas o por los espacios en blanco que se definan. De esta
forma, utilizaremos el valor android:stretchMode=columnWidth para
indicar que las columnas debern expandirse y aprovechar el espacio
en blanco disponible y el valor android:stretchMode=spacingWidth
para hacer que el espacio en blanco entre las columnas se expanda.
ExpandableListView
Este componente tiene la capacidad de agrupar los elementos y
cuando el usuario hace clic en el grupo se expande Mostrando tems.

ScrollView
Es el contenedor que ofrece una barra de desplazamiento para el
contenido que pongamos dentro de l. Es muy til en los casos en los
que el diseo pueda ser demasiado grande para algunas pantallas.
Horizontal ScrollView
Contenedor de diseo para una jerarqua de vistas que se pueden
desplazar por el usuario, permitiendo que sea ms grande que la
pantalla fsica.
SearchView
Proporciona una interfaz de usuario para que el introduzca una
consulta de bsqueda y presentar una solicitud a un proveedor de
bsqueda. Muestra una lista de sugerencias de consulta o resultados,
si est disponible, y permite al usuario seleccionar una sugerencia.
TabHost
Esta dividido en 2 partes principales y personalizables, la primera es
donde estarn las pestaas que vamos a utilizar en nuestra
aplicacin, la cual se llama TabWidget. La segunda parte principal es
donde estar el contenido que realiza cada pestaa y el cual es un
FrameLayout.
VideoView
Muestra un archivo de vdeo. La clase VideoView puede cargar
imgenes de diversas fuentes.
TextClock.- puede mostrar la fecha y / o hora actual como una
cadena con formato.
Este punto de vista hace honor a la configuracin del sistema de
formato de 24 horas.

Analog clock
Este widget de mostrar un reloj analgico con dos manos de horas y
minutos.
Chronometer
Clase que implementa un contador de tiempo simple.
Date picker
Proporciona un widget para seleccionar una fecha.
Time picker
Un widget para seleccionar la hora del da , ya sea en 24 horas o AM /
modo AM.
CalendarView
Esta clase es un widget de calendario para la visualizacin y seleccin
de fechas. El rango de fechas con el apoyo de este calendario se
puede configurar. Un usuario puede seleccionar una fecha con cinta
adhesiva sobre el mismo y puede desplazarse y lanzar el calendario
para una fecha deseada.

EXPERT
Space:
El espacio es una vista subclase de peso ligero que puede utilizarse
para crear espacios entre los componentes en los diseos de
propsito general.
CheckedTextView :
Una extensin de TextView que soporta la interfaz comprobable y
pantallas. Esto es til cuando se utiliza en un ListView donde el
setChoiceMode
se
ha
ajustado
a
algo
distinto
de
CHOICE_MODE_NONE.
QuickContactBadge:
Widget utiliza para mostrar una imagen con el estndar de Contacto
insignia Rpido y on-clic comportamiento.
ExtractEdit Text :
Informacin sobre el texto que se ha extrado para su uso por un
mtodo de entrada. Este contiene informacin acerca de una parte
del texto que se est editando, que el IME debe mostrar en su propia
interfaz, mientras que en el modo extrado.
AutoCompleteTextView :
Una vista de texto editable que muestra sugerencias de finalizacin
automticamente mientras el usuario est escribiendo. La lista de
sugerencias se muestra en un men desplegable desde el que el
usuario puede elegir un elemento para reemplazar el contenido de la
caja de edicin con.

 MultiAutoCompleteTextView
Una vista de texto editable, ampliando AutoCompleteTextView, que
puede mostrar sugerencias de finalizacin de la subcadena del texto
donde el usuario est escribiendo en lugar de necesariamente para
toda la cosa.
NumberPicker
Un widget que permite al usuario seleccionar un nmero de un rango
predefinido. Hay dos sabores de este widget y que uno se presenta al
usuario depende del tema actual.
Si el tema actual se deriva de Tema el widget presenta el valor actual
como un campo de entrada editable con un botn de la subasta
anterior y un botn de disminucin de abajo. Largo pulsando los
botones permite un cambio rpido del valor actual. Tocando en el
campo de entrada permite introducir un valor deseado.
Si el tema actual se deriva de Theme_Holo o Theme_Holo_Light el
widget presenta el valor actual como un campo de entrada editable
con un menor valor por encima y por debajo de un valor mayor.
Tocando en el valor menor o mayor lo selecciona animando el eje
nmero arriba o hacia abajo para que el actual valor elegido.
Arrojando arriba o hacia abajo permite mltiples incrementos o
decrementos del valor actual. Largo presionando sobre los valores
menores y mayores tambin permite un rpido cambio del valor
actual. Tocando en el valor actual permite escribir en un valor
deseado.
ZoomButton
El ZoomButtonsController maneja mostrar y ocultar los controles de
zoom y posicionndola en relacin con una vista propietario. Tambin
da el acceso de los clientes al contenedor de controles de zoom, lo
que permite botones adicionales de accesorios que se muestran en la
ventana de controles de zoom.
ZoomControls
La clase ZoomControls muestra un simple conjunto de controles que
se utilizan para hacer zoom y ofrece devoluciones de llamada para
registrarse para eventos.
MediaController. Permite que una aplicacin para interactuar
con una sesin de los medios de comunicacin en curso.
Botones de los media y otros comandos se pueden enviar a la
sesin. Una devolucin de llamada puede registrarse para
recibir actualizaciones de la sesin, como metadatos y
reproducir los cambios de estado.

 GestureOverlayView
Un recubrimiento transparente para entrada de gestos que se puede
colocar en la parte superior de otros widgets o contener otros
widgets.
SurfaceView
La superficie se orden Z de modo que est detrs de la ventana que
sostiene su SurfaceView; el SurfaceView perfora un agujero en su
ventana para permitir su superficie que se mostrar. La jerarqua de
vistas se encargar de componer correctamente con la superficie
cualquier hermano del SurfaceView que normalmente aparecera en
la parte superior de la misma. Esto puede ser usado para colocar
superposiciones tales como botones en la parte superior de la
superficie, aunque la nota sin embargo que puede tener un impacto
en el rendimiento ya que un compuesto de alfa-mezclado completo se
realiza cada vez que cambia de superficie.
TextureView
A TextureView se puede utilizar para mostrar un flujo de contenido. Tal
una lata flujo de contenido, por ejemplo, ser un video o una escena
OpenGL. El flujo de contenido puede provenir de proceso de la
aplicacin, as como un proceso remoto.
TextureView slo se puede utilizar en una ventana acelerada por
hardware. Cuando dictada en software, TextureView dibujar nada.
ViewStub
A ViewStub es un invisible, Ver cero de tamao que puede ser
utilizado para inflar perezosamente recursos de diseo en tiempo de
ejecucin. Cuando un ViewStub se hace visible, o cuando se invoca de
inflado (), el recurso de diseo se infla. El ViewStub luego se
reemplaza en su padre con la vista inflado o vistas. Por lo tanto, la
ViewStub existe en la jerarqua de vistas hasta setVisibility (int) o
inflar () se invoca. El inflado View se aade a la matriz ViewStub con
los parmetros de diseo ViewStub. Del mismo modo, puede definir /
anular el inflado de Vista Identificacin mediante el inflado propiedad
ViewStub
ViewAnimator
Clase base para un contenedor FrameLayout
animaciones al cambiar entre sus puntos de vista.

que

realizar

ViewFlipper
ViewAnimator simple que animar entre dos o ms puntos de vista
que se han aadido a la misma. Slo un nio se muestra a la vez. Si
se solicita, se puede dar la vuelta automticamente entre cada nio
en un intervalo regular.

 ViewSwitcher
ViewAnimator que cambia entre dos puntos de vista, y tiene una
fbrica de la que se crean estos puntos de vista. Puede utilizar la
fbrica para crear los puntos de vista, o aadirlos a ti mismo. Un
ViewSwitcher slo puede tener dos puntos de vista del nio, de los
cuales slo se muestra a la vez.
ImageSwitcher
A veces usted no desea que la imagen aparezca de repente en la
pantalla, en lugar que desea aplicar algn tipo de animacin a la
imagen cuando se cambia de una imagen a otra. Esto es apoyado por
el androide en forma de ImageSwitcher.
TextSwitcher
Especializada ViewSwitcher que contiene slo los nios de tipo
TextView. Un Textwatcher es til para animar una etiqueta en la
pantalla. Siempre setText (CharSequence) se llama, Textwatcher
anima el texto actual y anima el nuevo texto en.
AdapterViewFlipper
ViewAnimator simple que animar entre dos o ms puntos de vista
que se han aadido a la misma. Slo un nio se muestra a la vez. Si
se solicita, se puede dar la vuelta automticamente entre cada
pequeo en un intervalo regular.

CUSTOM
Default views
El marco de Android proporciona varias vistas predeterminadas pero
desarrollador puede crear tambin sus puntos de vista personalizados
y utilizarlos en su aplicacin. La clase base de un punto de vista es la
vista.
RequestFocus
Una vez que una actividad recibe el foco, debe proporcionar el nodo
raz de su jerarqua de diseo para el sistema Android. Despus, el
sistema Android se inicia el procedimiento de dibujo.

Dibujo comienza con el nodo raz de la disposicin. La jerarqua de

disposicin se recorre en el orden de la declaracin, es decir, los
padres se sienten atrados ante sus hijos y los hijos se dibujan en el
orden de la declaracin
<fragment >
Nota: Si decide que el nivel mnimo de la API que su aplicacin
requiere es de 11 o superior, no es necesario utilizar la biblioteca de
soporte y en su lugar puede utilizar el marco construido en clase
Fragmento y API relacionadas. Slo ten en cuenta que esta leccin se

centra en el uso de las API de la biblioteca de soporte, que utilizan

una firma paquete especfico y, a veces ligeramente diferentes
nombres de API que las versiones incluidas en la plataforma.
Antes de comenzar esta leccin, debe configurar su proyecto Android
para utilizar la biblioteca de soporte. Si usted no ha utilizado la
biblioteca de soporte antes, configurar el proyecto para utilizar la
biblioteca v4 siguiendo el documento de configuracin de la
biblioteca de soporte. Sin embargo, tambin se puede incluir la barra
de aplicacin en sus actividades por lugar de utilizar la biblioteca
AppCompat v7, que es compatible con Android 2.1 (nivel API 7) y
tambin incluye la API Fragmento.
Para crear un fragmento, extender la clase Fragmento, a
continuacin, reemplazar los mtodos de ciclo de vida clave para
insertar su lgica de aplicacin, similar a la forma en que lo hara con
una clase de actividad.
Una diferencia al crear un Fragmento es que debe utilizar la
devolucin de llamada onCreateView () para definir el diseo. De
hecho, esta es la nica devolucin de llamada que necesita con el fin
de obtener un fragmento de ejecucin.
<include>
Para crear un conjunto de estilos, guardar un archivo XML en el
directorio / valores / directorio de su proyecto de resolucin. El
nombre del archivo XML es arbitraria, sino que debe utilizar la
extensin .xml y se guardan en la res / valores / carpeta.
El nodo raz del archivo XML debe ser <recursos>.
Para cada estilo que desea crear, aadir un elemento <style> en
el archivo con un nombre que identifica el estilo (se requiere este
atributo). A continuacin, agregue un elemento <item> elemento
para cada propiedad de ese estilo, con un nombre que declara la
propiedad de estilo y un valor para ir con ella (se requiere este
atributo). El valor de la <item> puede ser una cadena de palabras
clave, un color hexadecimal, una referencia a otro tipo de recurso,
u otro valor en funcin de la propiedad de estilo.
CustomView
El marco de Android tiene un gran conjunto de Vista clases para
interactuar con el usuario y la visualizacin de los distintos tipos de
datos. Pero a veces su aplicacin tiene necesidades nicas que no
estn cubiertos por las vistas integradas.