7/21/2019 Guia13 Control Layout (Scrollview y Linearlayout

http://slidepdf.com/reader/full/guia13-control-layout-scrollview-y-linearlayout 1/5

LAYOUT (SCROLLVIEW Y

LINEARLAYOUT)

El ScrollView junto con un LinearLayout nos permite disponer una cantidad decomponentes visuales que superan la cantidad de espacio del visor del celular otablet. Luego el usuario puede desplazar con el dedo la interfaz creada.

Problema:

Crear un proyecto llamado: royecto!"# y disponer un control de tipo ScrollView$que se encuentra en la pesta%a &Containers&' modificar las propiedadeslayout:widt( y layout:(eig(t con el valor: matc()parent* con esto tenemos que el

ScrollView ocupa todo el contenedor $en nuestro caso ocupa todo el espacio del+elativeLayout que lo contiene':

7/21/2019 Guia13 Control Layout (Scrollview y Linearlayout

http://slidepdf.com/reader/full/guia13-control-layout-scrollview-y-linearlayout 2/5

Seguidamente arrastramos un objeto de la clase &LinearLayout Vertical& de lapesta%a &Layouts& y lo disponemos dentro del ScrollView. ,(ora vamos a disponer "! objetos de la clase -utton dentro del LinearLayout $como no van a entran enpantalla iremos arrastrando los botones a la ventana &Component ree& sobre elobjeto &LinearLayout&':

7/21/2019 Guia13 Control Layout (Scrollview y Linearlayout

http://slidepdf.com/reader/full/guia13-control-layout-scrollview-y-linearlayout 3/5

Seguimos arrastrando botones dentro del LinearLayout (asta completar los "!$luego cambiemos la propiedad te/t'* como podemos observar (ay m0s botonesdentro del LinearLayout que los que puede mostrarse en la interfaz del dispositivo$por eso tuvimos que arrastrarlos a la ventana del &Component ree&':

7/21/2019 Guia13 Control Layout (Scrollview y Linearlayout

http://slidepdf.com/reader/full/guia13-control-layout-scrollview-y-linearlayout 4/5

1racias a la funcionalidad del ScrollView junto al LinearLayout a(ora en tiempo deejecuci2n podemos (acer scroll:

7/21/2019 Guia13 Control Layout (Scrollview y Linearlayout

http://slidepdf.com/reader/full/guia13-control-layout-scrollview-y-linearlayout 5/5