|
|
| (6 revisiones intermedias por el mismo usuario no mostrado) |
| Línea 1: |
Línea 1: |
| − | {{:Usuario:ManuelRomero/Android/nav}} | + | {{:Usuario:ManuelRomero/Android/Interfaz/nav}} |
| | <br> | | <br> |
| | ===Idea general=== | | ===Idea general=== |
| Línea 22: |
Línea 22: |
| | #layout_width = (match_parent|wrap_content) | | #layout_width = (match_parent|wrap_content) |
| | #layout_margin | | #layout_margin |
| − |
| |
| − | ===FrameLayout===
| |
| − | *Es el layout más sencillo de utilizar, y a veces conviene tenerlo en cuenta
| |
| − | *Es especialmente útil si sólo queremos mostrar un elemento
| |
| − | *Si mostramos varios, los mostrará desde la esquina superior izquierda, pero se solaparán
| |
| − | *Esta posición se puede cambiar con la propiedad '''''layout_gravity'''''del '''''FrameLayout'''''
| |
| − | *Para distribuirlo por la pantalla de forma que no se solape se puede modificar la propiedad '''''layout_gravity''''' de los objetos '''''View''''' que ubiquemos en el layout
| |
| − | *Algunos de sus atributos importantes:
| |
| − | #'''''foreground''''' Imagen o color de fondo
| |
| − | #'''''foregroundGravity''''' posicion de la imagen de fondo
| |
| − | #'''''measureAllChildern'''''
| |
| − | #'''''layout_gravity'''''ubicación en la pantalla de los elementos que incorporemos
| |
| − | {| class="wikitable"
| |
| − | |+ Valores de la propiedad gravity
| |
| − | ! Valor !! Posición
| |
| − | |-
| |
| − | | top || arriba
| |
| − | |-
| |
| − | | bottom || abajo
| |
| − | |-
| |
| − | | left || izquierda
| |
| − | |-
| |
| − | | rigth || derecha
| |
| − | |-
| |
| − | | center_vertical || centrado verticalmente
| |
| − | |-
| |
| − | | center_horizontal || centrado_horizontalmente
| |
| − | |-
| |
| − | | fill_horizontal || arriva
| |
| − | |-
| |
| − | | center || centrado
| |
| − | |-
| |
| − | | fill || ocupa todo el espacio
| |
| − | |-
| |
| − | |}
| |
| − | *Es posible especificar varios valores separados por '''''|'''''
| |
| − | {{Actividad|
| |
| − | Realiza un FrameLayout que tenga una _
| |
| − | #imagen de fondo centrada
| |
| − | *En cuada una de las esquitas
| |
| − | #un cuadrado
| |
| − | #un rectángulo
| |
| − | #un botón
| |
| − | #un anillo
| |
| − | }}
| |
| − | [[Imagen:FrameLayout.png|180px]]
| |
| − | ;Referencia para las figuras ''shape''
| |
| − | http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape
| |
| − |
| |
| − | ===LinearLayout===
| |
| − | *Organiza sus componentes View en una sola fila o en una sola comuna
| |
| − | *Los atributos se pueden encontrar en ''android.widget.LinearLayout.LayoutParams
| |
| − | *Alguno de sus atributos mas importantes
| |
| − | #'''''orientation'''''=''horizontal|vertical''
| |
| − | #'''''gravity''''' colocación de los componentes
| |
| − | #'''''weighSum''''' Suma de todos los pesos de los componente por defecto 1
| |
| − | #'''''layout_gravity''''' colocación de un componente
| |
| − | #'''''layout_weight''''' peso de un componente
| |
| − | Es un tipo layout muy sencillo de utilizar a la hora de poner simplemente componentes
| |
| − | {{Actividad|
| |
| − | *incluir 9 imágenes alternando flechas, óvalos y rectángulos jugando con las propiedades ''gravity'' y experimentar los resultados }}
| |
| − | [[Imagen:LinearLayout.png|180px]]
| |
| − |
| |
| − | ===RelativeLayout===
| |
| − | *Permite especificar los '''''View''''' en posición relativa o respecto a otro '''''View'''''
| |
| − | *También se puede especifivar el control '''''View''''' con respecto a los límites del contenedor padre
| |
| − | *Este tipo de distribución de controles View por un contenedor puede resultar a priory un poco complicada, pero controlando los atributos de dicho layout, se pueden hacer diseños muy atractivos sin tener que usar diferentes niveles de layouts.
| |
| − | *Este tipo de layout tiene varios atributos importantes que se usan bastante
| |
| − | #gravity
| |
| − | #layoutCenterInParent
| |
| − | #layoutCenterHorizontal
| |
| − | #layoutCenterVertical
| |
| − |
| |
| − | {{Actividad|
| |
| − | Realiza inclyuendo botones y la flecha anterior el diseño que se propone en la imagen siguiente}}
| |
| − | [[Archivo:relativeLayout.png|180px]]
| |
| − |
| |
| − | {| class="wikitable"
| |
| − | |+Propiedades usadas en Relative Layout
| |
| − | ! Propiedad !! Valores!!Significado
| |
| − | |-
| |
| − | | gravity || descritos antes|| Ubicación de los View dentro del diseño
| |
| − | |-
| |
| − | | layout_centerInParent || True|False ||Centra Horizontal y Verticalmente los View dentro del padre
| |
| − | |-
| |
| − | | layout_centerHorizontal || True|False ||
| |
| − | |-
| |
| − | | layout_centerVetical ||True|False ||
| |
| − | |-
| |
| − | | layout_alignParentBottom ||True|False || Alinear el View en el borde inferior del padre
| |
| − | |-
| |
| − | | layout_alignParentLeft ||True|False ||
| |
| − | |-
| |
| − | | layout_alignParentRight ||True|False ||
| |
| − | |-
| |
| − | | layout_alignRight || Un identificador de View ||Alinea el borde derecho de un View con el borde derecho del otro View especificado en el valor de la propiedad
| |
| − | |-
| |
| − | | layout_alignLeft ||Un identificador de View || borde izquierdo con borde izquierdo
| |
| − | |-
| |
| − | | layout_alignTop ||Un identificador de View || Borde superior con borde superior
| |
| − | |-
| |
| − | | layout_alignBottom ||Un identificador de View || Borde inferior con borde inferior
| |
| − | |-
| |
| − | | layout_above ||Un identificador de View || borde inferior de un View encima del otro View especificado
| |
| − | |-
| |
| − | | layout_below ||Un identificador de View || borde superior debajo del otro View especificado
| |
| − | |-
| |
| − | | layout_toLeftOf ||Un identificador de View ||Ubica el borde derecho a la izquierda del View especificado
| |
| − | |-
| |
| − | | layout_to_RightOf ||Un identificador de View ||Ubica el borde izquierdo a la derecha del View especificado
| |
| − | |-
| |
| − | |}
| |
Tanto los View como los ViewGroup tienen una serie de propiedades comunes
layout_width, height, marginTop, marginBotton, marginleft, marginRight, gravity, weight, x, y
