www sgoliver net blog interfaz de usuario en android layouts

7/25/2019 Www Sgoliver Net Blog Interfaz de Usuario en Android Layouts

1/48

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Interfaz de usuario en Android: Layouts 17/08/2010 por sgoliver 43 Comentarios

En el artculo anteriordel curso, donde desarrollamos una sencilla aplicacin Android desde

cero, ya hicimos algunos comentarios sobre los layouts. Como ya indicamos, los layouts son

elementos no visuales destinados a controlar la distribucin, posicin y dimensiones de los

controles que se insertan en su interior. Estos componentes extienden a la clase base

ViewGroup, comomuchos otros componentes contenedores, es decir, capaces de contener

a otros controles. En el post anterior conocimos la existencia de un tipo concreto de layout,

LinearLayout, aunque Android nos proporciona algunos otros. Vemos cuntos y cules.

SGOLIVER.NET

Curso Programacin Android Proyectos Foro
http://www.sgoliver.net/blog/author/sgoliver/http://www.sgoliver.net/blog/curso-de-programacion-android/http://www.sgoliver.net/blog/proyectos/http://www.sgoliver.net/forohttp://www.sgoliver.net/blog/curso-de-programacion-android/http://www.sgoliver.net/blog/proyectos/http://www.sgoliver.net/forohttp://www.sgoliver.net/blog/curso-de-programacion-android/http://www.sgoliver.net/blog/proyectos/http://www.sgoliver.net/forohttp://www.sgoliver.net/blog/http://www.sgoliver.net/blog/http://www.sgoliver.net/blog/http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/blog/author/sgoliver/http://www.sgoliver.net/blog/?p=4448http://www.sgoliver.net/blog/?p=1313http://www.sgoliver.net/blog/http://www.sgoliver.net/blog/curso-de-programacion-android/http://www.sgoliver.net/blog/proyectos/http://www.sgoliver.net/foro


2/48


FrameLayout

ste es el ms simple de todos los layouts de Android. UnFrameLayoutcoloca todos sus

controles hijos alineados con su esquina superior izquierda, de forma que cada control

quedar oculto por el control siguiente (a menos que ste ltimo tenga transparencia). Por

ello, suele utilizarse para mostrar un nico control en su interior, a modo de contenedor

(placeholder) sencillo para un slo elemento sustituible, por ejemplo una imagen.

Los componentes incluidos en un FrameLayout podrn establecer sus propiedades

android:layout_widthyandroid:layout_height, que podrn tomar los valores

match_parent (para que el control hijo tome la dimensin de su layout contenedor) o

wrap_content (para que el control hijo tome la dimensin de su contenido). Veamos un

ejemplo:

Ejemplo:


3/48


android:layout_height="match_parent">

Con el cdigo anterior conseguimos un layout tan sencillo como el siguiente:
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/blog/?attachment_id=3426


4/48


LinearLayout

El siguiente tipo de layout en cuanto a nivel de complejidad es elLinearLayout. Este

layout apila uno tras otro todos sus elementos hijos en sentido horizontal o vertical segn se

establezca su propiedadandroid:orientation.

Al igual que en un FrameLayout, los elementos contenidos en un LinearLayout

pueden establecer sus propiedadesandroid:layout_widthy

android:layout_heightpara determinar sus dimensiones dentro del layout.
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdf


5/48


Pero en el caso de unLinearLayout, tendremos otro parmetro con el que jugar, la

propiedadandroid:layout_weight. Esta propiedad nos va a permitir dar a los

elementos contenidos en el layout unas dimensiones proporcionales entre ellas. Esto es ms

dificil de explicar que de comprender con un ejemplo. Si incluimos en unLinearLayout

vertical dos cuadros de texto (EditText) y a uno de ellos le establecemos un

layout_weight=1y al otro unlayout_weight=2conseguiremos como efecto

que toda la superficie del layout quede ocupada por los dos cuadros de texto y que adems el

segundo sea el doble (relacin entre sus propiedadesweight) de alto que el primero.


6/48


android:layout_height="match_parent"

android:orientation="vertical">

Con el cdigo anterior conseguiramos un layout como el siguiente:


7/48


As pues, a pesar de la simplicidad aparente de este layout resulta ser lo suficiente verstilcomo para sernos de utilidad en muchas ocasiones.

TableLayout

UnTableLayout permite distribuir sus elementos hijos de forma tabular, definiendo lasfilas y columnas necesarias, y la posicin de cada componente dentro de la tabla.

La estructura de la tabla se define de forma similar a como se hace en HTML, es decir,

indicando las filas que compondrn la tabla (objetosTableRow), y dentro de cada fila las


8/48


columnas necesarias, con la salvedad de que no existe ningn objeto especial para definir una

columna (algo as como un TableColumn) sino que directamente insertaremos los controles

necesarios dentro delTableRowy cada componente insertado (que puede ser un control

sencillo o incluso otroViewGroup) corresponder a una columna de la tabla. De esta forma,

el nmero final de filas de la tabla se corresponder con el nmero de elementosTableRowinsertados, y el nmero total de columnas quedar determinado por el nmero de

componentes de la fila que ms componentes contenga.

Por norma general, el ancho de cada columna se corresponder con el ancho del mayor

componente de dicha columna, pero existen una serie de propiedades que nos ayudarn amodificar este comportamiento:

android:stretchColumns. Indicar las columnas que pueden expandir para

absorver el espacio libre dejado por las dems columnas a la derecha de la pantalla.

android:shrinkColumns. Indicar las columnas que se pueden contraer para dejarespacio al resto de columnas que se puedan salir por la derecha de la palntalla.

android:collapseColumns. Indicar las columnas de la tabla que se quieren

ocultar completamente.


9/48

df d mi b PRO i Are you a developer? Try out the HTML to PDF API

Todas estas propiedades delTableLayout pueden recibir una lista de ndices de

columnas separados por comas (ejemplo:android:stretchColumns=1,2,3) o un

asterisco para indicar que debe aplicar a todas las columnas (ejemplo:

android:stretchColumns=*).

Otra caracterstica importante es la posibilidad de que una celda determinada pueda ocupar

el espacio de varias columnas de la tabla (anlogo al atributocolspan de HTML). Esto se

indicar mediante la propiedadandroid:layout_spandel componente concreto que

deber tomar dicho espacio.

Veamos un ejemplo con varios de estos elementos:


10/48

df di b PRO i Are you a developer? Try out the HTML to PDF API

El layout resultante del cdigo anterior sera el siguiente:


11/48

df di b PRO i A d l ? T t th HTML t PDF API

GridLayout

Este tipo de layout fue incluido a partir de la API 14 (Android 4.0) y sus caractersticas son

similares alTableLayout, ya que se utiliza igualmente para distribuir los diferentes

elementos de la interfaz de forma tabular, distribuidos en filas y columnas. La diferencia entre

ellos estriba en la forma que tiene elGridLayoutde colocar y distribuir sus elementos hijosen el espacio disponible. En este caso, a diferencia delTableLayoutindicaremos el nmero

de filas y columnas como propiedades del layout, medianteandroid:rowCounty

android:columnCount. Con estos datos ya no es necesario ningn tipo de elemento

para indicar las filas, como hacamos con el elementoTableRowdelTableLayout, sino


12/48df di b PRO i A d l ? T t th HTML t PDF API

que los diferentes elementos hijos se irn colocando ordenadamente por filas o columnas

(dependiendo de la propiedadandroid:orientation) hasta completar el nmero de

filas o columnas indicadas en los atributos anteriores. Adicionalmente, igual que en el caso

anterior, tambin tendremos disponibles las propiedadesandroid:layout_rowSpany

android:layout_columnSpanpara conseguir que una celda ocupe el lugar de variasfilas o columnas.

Existe tambin una forma de indicar de forma explcita la fila y columna que debe ocupar un

determinado elemento hijo contenido en elGridLayout, y se consigue utilizando los

atributosandroid:layout_rowyandroid:layout_column. De cualquier forma,salvo para configuraciones complejas del grid no suele ser necesario utilizar estas

propiedades.

Con todo esto en cuenta, para conseguir una distribucin equivalente a la del ejemplo

anterior delTableLayout, necesitaramos escribir un cdigo como el siguiente:


13/48df di b PRO i

Are you a developer? Try out the HTML to PDF API

android:layout_height="match_parent"

android:rowCount="2"

android:columnCount="3"

android:orientation="horizontal" >


14/48df di b PRO iAre you a developer? Try out the HTML to PDF API

RelativeLayout

El ltimo tipo de layout que vamos a ver es elRelativeLayout. Este layout permite

especificar la posicin de cada elemento de forma relativa a su elemento padre o a cualquier

otro elemento incluido en el propio layout. De esta forma, al incluir un nuevo elemento Xpodremos indicar por ejemplo que debe colocarse debajo del elemento Y y alineado a la

derecha del layout padre. Veamos esto en el ejemplo siguiente:


15/48df di b PRO iAre you a developer? Try out the HTML to PDF API

En el ejemplo, el botn BtnAceptar se colocar debajo del cuadro de textoTxtNombre

(android:layout_below=@id/TxtNombre) y alineado a la derecha del layout

padre (android:layout_alignParentRight=true), Quedara algo as:


16/48

Are you a developer? Try out the HTML to PDF API

Al igual que estas tres propiedades, en unRelativeLayouttendremos un sinfn de

propiedades para colocar cada control justo donde queramos. Veamos las principales [creo

que sus propios nombres explican perfectamente la funcin de cada una]:

Posicin relativa a otro control:

android:layout_above

android:layout_below

android:layout_toLeftOf

android:layout_toRightOfandroid:layout_alignLeft

android:layout_alignRight

android:layout_alignTop

android:layout_alignBottom

android:layout_alignBaseline

Posicin relativa al layout padre:

android:layout_alignParentLeft

d id l t li P tRi ht


17/48

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

android:layout_alignParentRight

android:layout_alignParentTop

android:layout_alignParentBottom

android:layout_centerHorizontal

android:layout_centerVertical

android:layout_centerInParent

Por ltimo indicar que cualquiera de los tipos de layout anteriores poseen otras propiedades

comunes como por ejemplo los mrgenes exteriores (margin) e interiores (padding) que

pueden establecerse mediante los siguientes atributos:

Opciones de margen exterior:

android:layout_margin

android:layout_marginBottom

android:layout_marginTop

android:layout_marginLeft

android:layout_marginRight

Opciones de margen interior:


18/48


android:padding

android:paddingBottom

android:paddingTop

android:paddingLeftandroid:paddingRight

Existen otros layouts algo ms sofisticados a los que dedicaremos artculos especficos un

poco ms adelante, como por ejemplo elDrawerLayoutpara aadir mens laterales

deslizantes.

Tambin en prximos artculos veremos otros elementos comunes que extienden a

ViewGroup, como por ejemplo las vistas de tipo lista (ListView), de tipo grid (GridView),

y las pestaas o tabs (TabHost/TabWidget).

Puedes consultar y/o descargar el cdigo completo de los ejemplos desarrollados en este

artculo accediendo a la pagina del curso en GitHub.

Curso de Programacin Android en PDF
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttps://github.com/sgolivernet/curso-android-src-as/tree/master/android-layouts


19/48


Este curso tambin est disponible en PDF. Descubre cmo conseguirlo

Te ha sido de utilidad el Curso de Programacin Android? Quieres colaborar de forma

econmica con el proyecto? Puedes contribuir con cualquier cantidad, unos cntimos, unos

euros, cualquier aportacin ser bienvenida.Adems, si tu aportacin es superior a una

pequea cantidad simblica recibirs como ag radecimiento un documento con la ltima

versin del curso disponible en formato PDF. Sea como sea, muchas gracias por colaborar!

Ms informacin:

Descubre cmo conseguir el curso en PDF

Preguntas frecuentes

Comparte esta entrada:

Facebook 7 Twitter Google Pocket Correo electrnico

Relacionado

Interfaz de usuario en Android: Interfaz de usuario en Android: Interfaz de usuario en Android:

Pestaas (Tabs) Widgets (I) Controles de seleccin (III)
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/blog/interfaz-de-usuario-en-android-layouts/?share=facebook&nb=1http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-layouts/?share=twitter&nb=1http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-layouts/?share=google-plus-1&nb=1http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-layouts/?share=pocket&nb=1http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-layouts/?share=email&nb=1http://www.sgoliver.net/blog/?page_id=2245http://www.sgoliver.net/blog/?page_id=2935http://www.sgoliver.net/blog/?page_id=2245http://www.sgoliver.net/blog/?page_id=3040http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-tab-layout/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-widgets-i/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-controles-de-seleccion-iii/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-tab-layout/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-widgets-i/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-controles-de-seleccion-iii/


20/48

pdfcrowd.comopen in browser PRO version Are you a developer?Try out the HTML to PDF API

Categoras: Android, Programacin

Etiquetas: controles, curso android, distribuir, FrameLayout, interfaz, layout, LinearLayout,

organizar, RelativeLayout, TableLayout, usuario, ViewGroup

Comentarios

jesus dice

01/02/2011 a las 20:32

Hola, excelente tus articulos, me han servido de muchoespero continues publicando

material de calidad. suerte

mbruno dice

Pestaas (Tabs) Widgets (I) Controles de seleccin (III)

07/10/2011

En "Android"

23/02/2011

En "Android"

10/09/2010

En "Android"

21/03/2011 a las 18:24
http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-tab-layout/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-tab-layout/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-widgets-i/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-widgets-i/http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/blog/category/android/http://www.sgoliver.net/blog/category/programacion/http://www.sgoliver.net/blog/tag/controles/http://www.sgoliver.net/blog/tag/curso-android/http://www.sgoliver.net/blog/tag/distribuir/http://www.sgoliver.net/blog/tag/framelayout/http://www.sgoliver.net/blog/tag/interfaz/http://www.sgoliver.net/blog/tag/layout/http://www.sgoliver.net/blog/tag/linearlayout/http://www.sgoliver.net/blog/tag/organizar/http://www.sgoliver.net/blog/tag/relativelayout/http://www.sgoliver.net/blog/tag/tablelayout/http://www.sgoliver.net/blog/tag/usuario/http://www.sgoliver.net/blog/tag/viewgroup/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-tab-layout/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-widgets-i/http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-controles-de-seleccion-iii/


21/48


21/03/2011 a las 18:24

Hola, me ha surgido una duda, que creo que est relacionada con RelativeLayout, te

comento: Es posible modificar la propiedad android:layout_x o android:layout_y en

java?

Muchas gracias.

jdpt dice

23/04/2011 a las 3:25

Muy buen tutomuchas gracias!

Daviddice

30/05/2011 a las 18:56

H l M d i d t bl d d di i l d t
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/blog/?p=1341


22/48


Hola Me podrian ayudar a crear una tabla desde codigo sin usar un .xml de antemano

garcias.

soyfelix1 dice

15/12/2011 a las 11:19

Hola, una pregunta al respecto del parametro weight,

pones que si a un elemento le pones 1 y al otro 2, el segundo ser el doble del otro.No sera realmente que el primero se queda 1/3 del espacio libre y el segundo los 2/3

restantes?

es algo que an no acabo de tener claro.

Muchas gracias

sgoliverdice

15/12/2011 a las 12:25
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/


23/48


Hola Felix, es lo mismo una cosa y otra. El doble de 1/3 es 2/3.

Alejandro dice

18/01/2012 a las 13:50

Muchsimas gracias! Cada vez que leo un artculo tengo ms ganas de empezar con el

siguiente! Estoy aprendiendo muchsimo. mil gracias!!!

jose dice

28/02/2012 a las 10:43

Una preguntadices: a uno de ellos le establecemos un layout_weight=1y al otro un

layout_weight=2conseguiremos como efecto que toda la superficie del layout quede

ocupada por los dos cuadros de texto y que adems el segundo sea el doble (relacin

entre sus propiedades weight) de alto que el primero.

El problema es que a mi me pasa completamente al reves el primer edittext es el doble


24/48


El problema es que a mi me pasa completamente al revesel primer edittext es el doble

de grande que el segundo

como es eso posible?

alex dice

29/02/2012 a las 17:17

Jose, a mi me pasa exactamente lo mismo, el primer EditText es el doble de grande que el

segundo, no s si estar mal en la web o estamos haciendo algo mal nosotrosyo creo

que es mas lo segundo, jeje, que entre oliver y lo explique para aclararnos mejor..

Fernando G. dice

15/03/2012 a las 9:26

El comportamiento de layout_weight se invierte sobre elementos que tienen el valor

fill_parent, para corregirlo en vez de usar el fill parent hay que usar un valor igual a 0dp


25/48


_p , p g p y q g p

BamsBamx dice

03/04/2012 a las 17:21

MUCHISIMAS GRACIAS, DE VERDAD.. EL TUTORIAL CON EL QUE MAS ESTOY

APRENDIENDO(a ver si me saco unas perras.jejejej)

Men dice

04/05/2012 a las 16:55

Hola, muy buen tutorial, pero seria bueno tambien que en los ejemplos de los Layout

pusieras unas imagenes que muestre la parte grafica del layout en el dispositivo, asi uno

se da una idea mas completa de como es que se ven, esos diferentes Layoutss


26/48


jose luis dice

23/05/2012 a las 2:49

me gustaria programar para android..esta super bien

Ravacho dice

22/09/2012 a las 20:01

Excelente curso. Un pequeo bug que he encontrado. Aqu faltan unas comillas para

cerrar el string.


27/48


Kikin dice

26/09/2012 a las 11:47

Hola, solo darte la enhorabuena. El curso est genial, en breve encargar mi manual en

formato PDF.

Saludos y gracias

Pilar dice

23/01/2013 a las 17:39

Tengo una duda, cmo se indica el espacio que queremos que haya entre los distintos

componentes en un tablelayout? Gracias.


28/48


juampa dice

24/01/2013 a las 11:53

Lo primero darte las gracias por este fantstico manual.

En el ejemplo de GridLayout, no debera la propiedad android:rowCount ser igual a 3 y

no a 2?

Javijav dice

25/03/2013 a las 18:12

Hola,

Me gustara saber como puedo hacer para descargar el cdigo completo de los ejemplos

de este artculo. Me gustara descargarme el proyecto completo pero no encuentro

ninguna opccion que me lo permita. Muchas gracias!!

Un saludo


29/48


Isrot dice

25/05/2013 a las 2:15

Gracias por el todo este tutorial!!!

Mi pregunta es igual al de los anterioresen LinearLayout al poner el weight me salen

los tamaos al reves. el 1 es mas grande que al que le pongo 2

Isrot dice

25/05/2013 a las 2:34

Tambien quisiera saber porque cuando uso el TableLayout la pantalla me queda como si

estubiera usando wrap_content y no match_parent

me sale algo asi:


30/48


______________________________

|_1.1__|_1.2__|_1.3__|____________|

|_2.1__|_2.2__|_2.3__|____________|

|_3.1________|_3.2__|____________|

| |

| |

| |

| |

| |

| |

|______________________________|

|

Mara dice

18/06/2013 a las 17:21

Hola,


31/48


He creado un tablelayout con campos dinamicos que tengo que rellenar y guardar, el

problema me viene cuando quiero recorrer las filas dinamicas y sacar los datos que ha

introducido el usuario, Como podra hacerlo?

Saludos y gracias por adelantado!

Rolando dice

01/10/2013 a las 17:08

Saludos Necesito ayuda e seguido el curso desde el primer capitulo pero ahora cuando

intento hacer los ejemplos de este capitulo acerca de los Layout al correr mi emulador

me sigue cargando la aplicacion de Hola Usuario realizada en el capitulo anterior. Cree

un nuevo perfil para correr mi proyecto asignandole el proyecto respectivo y no me

aparese el proyecto hecho corre el emulador pero no aparese la app. Espero su

respuesta

quetal dice


32/48


q

02/01/2014 a las 14:05

que significa weight? :P

Buen tutorial!

Gracias.

Cueto dice

31/01/2014 a las 18:52

Saludos buena explicacion, me sirvio para darme una idea.

el corrector dice

10/02/2014 a las 21:10

Muy buena la forma que tiene de estructurar y planificar los contenidos


33/48


Muy buena la forma que tiene de estructurar y planificar los contenidos.

Por cierto (fe de erratas) absorber es con dos b :)

sgoliverdice

11/02/2014 a las 15:42

Vaya, un error bastante feo, gracias por el aviso, lo corrijo lo antes posible.

Julio dice

16/03/2014 a las 9:53

Muy bueno el artculo. Slo una cosilla: absorber.


34/48


evicfrodo dice

23/03/2014 a las 14:43

Puse el cdigo de la TableLayout que aparece ac y no queda como mostrs en la

imagen, los TextView se alinearon a donde quisieron y los textos no se centraron.

Fidel Rada dice

11/05/2014 a las 21:21

disculpa en la universidad nos asen usar el AbsoluteLayout no tuvieras algn tutorial

respecto a eso

admindice

12/05/2014 a las 9:38

Hola Fidel, el AbsoluteLayout est marcado como obsoleto en la documentacin de


35/48


Google desde la versin de Android 1.5 . Te recomendara utilizar algn otro tipo de

layout para tus aplicaciones. Saludos.

navyivan dice

26/06/2014 a las 18:29

Hola, me gustaria hacer una ventana en donde tenga un encabezado para poner 2 o 3botones y debajo llenarlo con un list adapter. como si fuera a seleccionar muchos

archivos

Gracias

cristian dice

27/12/2014 a las 5:59

muy buen tutorial mis respetos


36/48


muy buen tutorial mis respetos

Jesus de Pradodice

28/02/2015 a las 18:25

Bien explicado, como los dems.

Jorge Luis dice

27/04/2015 a las 17:47

Disculpa una pregunta como puedo ajustar un layout cuando por ejemplo pongo 10optionbuttons y vuelvo 7 invisibles y solo salen 3?

El layout queda con el espacio en blanco y quiero evitar esto, gracias y saludos.
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.aguilasoft.com/


37/48


Joaqun Bresan dice

25/05/2015 a las 19:25

Buen aporte amigo, g racias por compartir.

Dudas dice

08/07/2015 a las 2:48

Tendras algun ejemplo que declares strings asi:

CREATE TABLE IF NOT EXISTS conversion (id_conv INTEGER PRIMARY KEY

AUTOINCREMENT, fecha TEXT, celcius TEXT, fahrenheit TEXT)

para hacer la relacion con la base de datos?


38/48


Alexanderdice

21/07/2015 a las 17:01

Excelente trabajo

Alexander dice

21/07/2015 a las 17:02

Excelente trabajo, gracias por compartir tu trabajo

kenny romerodice

20/08/2015 a las 12:13

Buenos das , una pregunta , hace unas semanas vi un tutorial de card views de como

pasar la informacin del card view y mostrarlo completo en otra actividad, no lo he

vuelto a encontrar no se si sea de este sitio ?? Si me pudieras ayudar te lo agradecera
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://[email protected]/http://kennyromero.esy.es/


39/48


vuelto a encontrar no se si sea de este sitio ?? Si me pudieras ayudar te lo agradecera .

saludos

Antonio dice

16/10/2015 a las 3:28

Yo hice este para el TableLayout y me qued bien.

1

Facundo dice

09/11/2015 a las 14:01

Acabo de empezar el curso. EXCELENTE hasta ahora. Muchas gracias por el aporte.

Cuando termine el curso intentar hacer un donativo :P

Abrazo!


40/48


Abrazo!

Trackbacks

Interfaz de usuario en Android: Controles bsicos (I) | sgoliver.net blogdice:

19/08/2010 a las 9:45

[] el artculo anterior ya vimos los distintos tipos de layouts con los que contamos en

Android para distribuir los []

Desarrollo en Android | sgoliver.net blogdice:

07/09/2010 a las 0:45

[] Interfaz de usuario en Android: Layouts []
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/blog/?p=1363http://www.sgoliver.net/blog/?p=1313


41/48


Deja un comentario

Tu direccin de correo electrnico no ser publicada. Los campos necesarios estn marcados

*

Comentario

Nombre *


42/48


Correo electrnico *

Web

P U B L I C A R C O M E N T A R I O

Buscar en esta web
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.invasionverde.com/


43/48


Publicidad
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.invasionverde.com/https://googleads.g.doubleclick.net/aclk?sa=l&ai=CTCwcbjurVpDNLMuPhASFjpO4CL-22oII16H8wJoC08To6EcQASDUvowPYMmWjoqcpLwWoAGphL7NA8gBAqgDAcgDwQSqBKABT9BI1gASVK4cjgR-Fsyw0SntcYZt0bm-peAc9IafNsn6UfAeNp1iMBk0BitP8ZS1gsG1iOOOvsy8Un-9bdCvLSDs7ei8ghpgsgt5BnaW_Hy1rQtWEJsB_dAEWpaJNnUZhGECLh1OhKkIIa3Obmrjz5svFuh-QUgN-BZSkWEFhWGaFGvgdM0W9oR8Qd8UL2es4QwKYWVPzpJ5NUr8Kf0DfaAGAoAHv_vBMqgHpr4b2AcB2BMI&num=1&sig=AOD64_0hlR2qv0Dpck0j0wweqosqOwMkig&client=ca-pub-6031220618790036&adurl=http://tracking.instantcheckmate.com/%3Fa%3D384%26oc%3D1%26c%3D1%26dip%3D%26s1%3DABIMG%26s2%3D300x250%26s3%3Dtextheavy1


44/48


Redes Sociales
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttps://www.facebook.com/cursoprogramacionandroidhttps://twitter.com/sgolivernethttps://plus.google.com/+SgoliverNethttp://www.sgoliver.net/blog/feed/https://github.com/sgolivernethttps://www.youtube.com/channel/UCLtCpdJ8EVJ39DLKhk5tDVghttps://googleads.g.doubleclick.net/aclk?sa=l&ai=CTCwcbjurVpDNLMuPhASFjpO4CL-22oII16H8wJoC08To6EcQASDUvowPYMmWjoqcpLwWoAGphL7NA8gBAqgDAcgDwQSqBKABT9BI1gASVK4cjgR-Fsyw0SntcYZt0bm-peAc9IafNsn6UfAeNp1iMBk0BitP8ZS1gsG1iOOOvsy8Un-9bdCvLSDs7ei8ghpgsgt5BnaW_Hy1rQtWEJsB_dAEWpaJNnUZhGECLh1OhKkIIa3Obmrjz5svFuh-QUgN-BZSkWEFhWGaFGvgdM0W9oR8Qd8UL2es4QwKYWVPzpJ5NUr8Kf0DfaAGAoAHv_vBMqgHpr4b2AcB2BMI&num=1&sig=AOD64_0hlR2qv0Dpck0j0wweqosqOwMkig&client=ca-pub-6031220618790036&adurl=http://tracking.instantcheckmate.com/%3Fa%3D384%26oc%3D1%26c%3D1%26dip%3D%26s1%3DABIMG%26s2%3D300x250%26s3%3Dtextheavy1


46/48


Queda prohibida la reproduccin total o parcial de los contenidos de este blog, as como su uso y

difusin, sin el consentimiento previo de su autor.

Por favor, respeta los derechos de autor. Si quieres emplear alguno de los textos o imgenes de esteblog puedes solicitarlo por correo electrnico a la direccin indicada en la seccin de contacto.

Archivos

Archivos

Elegir mes

Categoras

Categoras

Elegir categora

Etiquetas

.NETactualizacinajedrezandroidantlrbase de datosblogC#C++compiladorescontrolescurso
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/blog/?page_id=2http://www.sgoliver.net/blog/tag/net/http://www.sgoliver.net/blog/tag/actualizacion/http://www.sgoliver.net/blog/tag/ajedrez/http://www.sgoliver.net/blog/tag/android-2/http://www.sgoliver.net/blog/tag/antlr/http://www.sgoliver.net/blog/tag/base-de-datos/http://www.sgoliver.net/blog/tag/blog/http://www.sgoliver.net/blog/tag/csharp/http://www.sgoliver.net/blog/tag/c/http://www.sgoliver.net/blog/tag/compiladores/http://www.sgoliver.net/blog/tag/controles/http://www.sgoliver.net/blog/tag/curso/


47/48


curso androiddescargasdocumentacinDOMebookEclipseFKScriptgooglegratis

herramientaIAIDEinstalacinjavalibreralibromanualesmapasMonomquinas virtualesNChessnovedades

NRtfTreenuevaopen sourcepdfpluginprogramacinRTFSAXSQlitetutorialesweb

SOBRE EL BLOG

Contacto

Poltica de cookies

Privacidad

S O BR E E L A U T O R

Salvador Gmez Oliver

D ll d A d id
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://www.sgoliver.net/blog/tag/curso-android/http://www.sgoliver.net/blog/tag/descargas/http://www.sgoliver.net/blog/tag/documentacion/http://www.sgoliver.net/blog/tag/dom/http://www.sgoliver.net/blog/tag/ebook/http://www.sgoliver.net/blog/tag/eclipse/http://www.sgoliver.net/blog/tag/fkscript/http://www.sgoliver.net/blog/tag/google/http://www.sgoliver.net/blog/tag/gratis/http://www.sgoliver.net/blog/tag/herramienta/http://www.sgoliver.net/blog/tag/ia/http://www.sgoliver.net/blog/tag/ide/http://www.sgoliver.net/blog/tag/instalacion/http://www.sgoliver.net/blog/tag/java/http://www.sgoliver.net/blog/tag/libreria/http://www.sgoliver.net/blog/tag/libro/http://www.sgoliver.net/blog/tag/manuales/http://www.sgoliver.net/blog/tag/mapas/http://www.sgoliver.net/blog/tag/mono/http://www.sgoliver.net/blog/tag/maquinas-virtuales/http://www.sgoliver.net/blog/tag/nchess/http://www.sgoliver.net/blog/tag/novedades/http://www.sgoliver.net/blog/tag/nrtftree/http://www.sgoliver.net/blog/tag/nueva/http://www.sgoliver.net/blog/tag/open-source/http://www.sgoliver.net/blog/tag/pdf/http://www.sgoliver.net/blog/tag/plugin/http://www.sgoliver.net/blog/tag/programacion-2/http://www.sgoliver.net/blog/tag/rtf/http://www.sgoliver.net/blog/tag/sax/http://www.sgoliver.net/blog/tag/sqlite/http://www.sgoliver.net/blog/tag/tutoriales/http://www.sgoliver.net/blog/tag/web/http://www.sgoliver.net/blog/informacion/http://www.sgoliver.net/blog/politica-de-cookies/http://www.sgoliver.net/blog/privacidad/


48/48


Desarrollador Android

Copyright 2016 Centric Theme on G enesis Framework WordPress Log in

plugin cookies

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si contina navegando est dando su consentimiento para laaceptacin de las mencionadas cookies y la aceptacin de nuestra poltica de cookies, pinche el enlace para mayor informacin.

ACEPTAR
http://pdfcrowd.com/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fwww.sgoliver.net%2fblog%2finterfaz-de-usuario-en-android-layouts%2f&id=ma-160129051411-d28ac7adhttp://pdfcrowd.com/customize/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://my.studiopress.com/themes/centric/http://www.studiopress.com/http://wordpress.org/http://www.sgoliver.net/blog/wp-login.phphttp://wordpress.org/plugins/asesor-cookies-para-la-ley-en-espana/http://www.sgoliver.net/blog/?page_id=4530

www sgoliver net blog interfaz de usuario en android layouts

Documents