Sencha Touch 2.x
  • Contenidos
  • Introducción
  • Instalación
  • Nuestra primera aplicación
    • Código HTML básico de una aplicación
    • Compilar un proyecto
    • Aviso durante la carga
    • Instanciar una aplicación
    • Comprobar los resultados
    • Fichero único vs. MVC
  • Uso de Componentes y Contenedores
    • Instanciar componentes
    • Configuración de componentes
    • Identificadores y referencias
    • Array de items y el atributo xtype
    • Añadir componentes a contenedores
    • Eliminar componentes de un contenedor
    • Mostrar y ocultar componentes
    • Eventos
    • Destruir componentes
  • Layouts
    • Layout tipo hbox
    • Layout tipo vbox
    • Layout tipo card
    • Layout tipo fit
    • Docking o acoplamiento
    • Pack y align
  • Transiciones de cambio de vista
  • Componentes
    • Toolbars
    • Botones
    • TabPanel
    • Carousel
    • Diálogos
    • Formularios
  • Almacenamiento
    • Data Model
    • Data Store
    • Proxy
  • Componentes asociados a datos
    • Plantillas
    • DataViews
    • Listados
    • Formularios
  • Más información
  • Ejercicios 1
  • Ejercicios 2
  • Ejercicios 3
Powered by GitBook
On this page

Was this helpful?

Layouts

Los layouts se utilizan para especificar las dimensiones y posicionamiento de los componentes en una aplicación. Por ejemplo, en un aplicación de correo en general se colocarán dos paneles una a continuación del otro en horizontal, el de la izquierda para lista de mensajes ocupando un tercio del ancho y el de la derecha para la previsualización ocupando el resto del espacio.

A continuación se analizarán los diferentes tipos de layouts que incorpora Sencha Touch:

  • hbox

  • vbox

  • card

  • fit

Además también veremos los conceptos de docking, pack y align.

PreviousDestruir componentesNextLayout tipo hbox

Last updated 5 years ago

Was this helpful?