Componente de secuencia de comandos de contenedor de pila horizontal

Un contenedor de pila horizontal es un contenedor principal que organiza los componentes secundarios de forma horizontal. Para organizar los componentes verticalmente, use un contenedor de pila vertical.

  1. Haga clic en Horizontal Stack Container en la barra de herramientas de componentes.

    Cuando se selecciona un contenedor de apilado horizontal, se muestra un indicador direccional horizontal. Las flechas indican que los nuevos componentes añadidos al control se colocarán uno al lado del otro.

    En una pila horizontal, los nuevos componentes se colocan a la derecha de la última selección.

  2. Al añadir componentes desde la barra de herramientas, el contenedor los apila uno al lado del otro.

Opcionalmente, establezca las propiedades de este componente.

Común

Configura el ancho a un tamaño fijo, para que crezca según sea necesario para mostrar contenido o para consumir tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

  • Tamaño automático configura el componente para que se encoja o crezca en función de su contenido. Por ejemplo, la anchura de una etiqueta puede crecer en función de la cantidad de texto que contenga.
  • Stretch permite que un componente consuma tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.
    Nota: Si dos componentes están configurados para estirarse, a ambos se les asigna el 50% del espacio restante de forma predeterminada. Esta proporción se puede ajustar cambiando el valor de peso. Por ejemplo, si configura un componente con un peso de 200 y el otro con un peso de 100, el primer componente ocupará dos tercios del espacio restante, mientras que el otro solo ocupará un tercio. El primer componente parece tener el doble de tamaño que el otro, ya que su peso era el doble del peso del segundo componente.
  • px establece un tamaño fijo en píxeles. Puede escribir un valor entero en el cuadro o usar flechas hacia arriba o hacia abajo para incrementar o disminuir el tamaño. Estas flechas son visibles cuando el componente tiene el foco.

Configura la altura a un tamaño fijo, para que crezca según sea necesario para mostrar contenido o para consumir tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

  • Tamaño automático configura el componente para que se encoja o crezca en función de su contenido. Por ejemplo, la anchura de una etiqueta puede crecer en función de la cantidad de texto que contenga.
  • Stretch permite que un componente consuma tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.
    Nota: Si dos componentes están configurados para estirarse, a ambos se les asigna el 50% del espacio restante de forma predeterminada. Esta proporción se puede ajustar cambiando el valor de peso. Por ejemplo, si configura un componente con un peso de 200 y el otro con un peso de 100, el primer componente ocupará dos tercios del espacio restante, mientras que el otro solo ocupará un tercio. El primer componente parece tener el doble de tamaño que el otro, ya que su peso era el doble del peso del segundo componente.
  • px establece un tamaño fijo en píxeles. Puede escribir un valor entero en el cuadro o usar flechas hacia arriba o hacia abajo para incrementar o disminuir el tamaño. Estas flechas son visibles cuando el componente tiene el foco.

El relleno define el espacio entre el borde interior y el contenido. Un margen establece el espacio fuera de un borde, mientras que el relleno agrega espacio dentro de un borde.

  1. Haga clic en el campo de valor de un elemento de borde. Aparece un control de giro en ese campo.
  2. Utilice el control de giro para aumentar o reducir el ancho del borde. Si se seleccionó Establecer todo, el cambio se aplica a todos los valores.
  3. Para actualizar opcionalmente todos los valores de relleno a la vez, presione el Establecer todos botón de Relleno en el panel de propiedades.

Establece el color de fondo en uno de los siguientes:

Establece el color de fondo o texto en uno de los siguientes:

  • Default-Asigna el color por defecto.
  • Color-Le permite seleccionar entre una paleta de colores comunes, o elegir los suyos propios introduciendo valores RGB o moviendo el selector de color a una nueva posición del espectro. El color del texto y del fondo es una propiedad del panel Apariencia. Este panel de propiedades sólo está disponible para los componentes que tienen la funcionalidad de color.
  • Variable-asigna un color almacenado en una variable de cadena.
    Variable ejemplo: Para asignar azul oscuro:
    1. Haga clic en la pestaña Variables .
    2. Haga clic en Añadir variable para añadir una variable.
    3. Seleccione Cuerda como el tipo de valor que almacena la nueva variable.
    4. Escriba un nombre descriptivo en la casilla Name.
    5. Establezca Valor por defecto a 0000FF o #0000FF-que es el código hexadecimal para el azul oscuro.
    6. Hacer clic Solicitar.
    7. Asigne la variable a esta propiedad de color.

    Cambiar el color de fondo de una página de script

    Para establecer el color de fondo de una página completa, asigne un color de fondo a su contenedor vertical raíz.

    • En la barra de migas de pan, haga clic en el icono del contenedor raíz.
    • En Común o Apariencia, asigne un color de Fondo diferente.

    Para cambiar el color de fondo de una página de secuencia de comandos

    Para establecer el color de fondo de una página completa, asigne un color de fondo a su contenedor vertical raíz.

    1. En la barra de migas de pan, haga clic en Contenedor raíz .

       

    2. Debajo Común o Apariencia, asigne un color de fondo diferente.

       

El borde define el espacio entre el relleno y el margen. Un margen establece el espacio fuera de un borde, mientras que el relleno agrega espacio entre el borde y el componente.

  1. Haga clic en el campo de valor de un elemento de borde. Aparece un control de giro en ese campo.
  2. Utilice el control de giro para aumentar o reducir el ancho del borde. Si se seleccionó Establecer todo, el cambio se aplica a todos los valores de relleno.
  3. Para actualizar todos los valores de borde a la vez, pulse el botón Establecer todo para Borde en el panel de propiedades.

     

Diseño

Configura el ancho a un tamaño fijo, para que crezca según sea necesario para mostrar contenido o para consumir tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

  • Tamaño automático configura el componente para que se encoja o crezca en función de su contenido. Por ejemplo, la anchura de una etiqueta puede crecer en función de la cantidad de texto que contenga.
  • Stretch permite que un componente consuma tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.
    Nota: Si dos componentes están configurados para estirarse, a ambos se les asigna el 50% del espacio restante de forma predeterminada. Esta proporción se puede ajustar cambiando el valor de peso. Por ejemplo, si configura un componente con un peso de 200 y el otro con un peso de 100, el primer componente ocupará dos tercios del espacio restante, mientras que el otro solo ocupará un tercio. El primer componente parece tener el doble de tamaño que el otro, ya que su peso era el doble del peso del segundo componente.
  • px establece un tamaño fijo en píxeles. Puede escribir un valor entero en el cuadro o usar flechas hacia arriba o hacia abajo para incrementar o disminuir el tamaño. Estas flechas son visibles cuando el componente tiene el foco.

Configura la altura a un tamaño fijo, para que crezca según sea necesario para mostrar contenido o para consumir tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

  • Tamaño automático configura el componente para que se encoja o crezca en función de su contenido. Por ejemplo, la anchura de una etiqueta puede crecer en función de la cantidad de texto que contenga.
  • Stretch permite que un componente consuma tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.
    Nota: Si dos componentes están configurados para estirarse, a ambos se les asigna el 50% del espacio restante de forma predeterminada. Esta proporción se puede ajustar cambiando el valor de peso. Por ejemplo, si configura un componente con un peso de 200 y el otro con un peso de 100, el primer componente ocupará dos tercios del espacio restante, mientras que el otro solo ocupará un tercio. El primer componente parece tener el doble de tamaño que el otro, ya que su peso era el doble del peso del segundo componente.
  • px establece un tamaño fijo en píxeles. Puede escribir un valor entero en el cuadro o usar flechas hacia arriba o hacia abajo para incrementar o disminuir el tamaño. Estas flechas son visibles cuando el componente tiene el foco.

Alinea un componente a la izquierda, a la derecha o al centro, en relación con su contenedor principal.

Consejo: Un componente no puede alinearse verticalmente al centro si el ajuste Altura de su contenedor padre es Auto Sizing. Para corregir esto, establezca la altura del contenedor padre en Stretch o en una altura fija en Pixels.

La disposición secundaria determina cómo se organiza el contenido de un contenedor si el contenedor tiene espacio adicional.

Esta configuración está deshabilitada si el ancho y la altura de un contenedor es de tamaño automático. El tamaño automático le dice al contenedor que se expanda al tamaño de los elementos que contiene. Dado que eso no permite espacio adicional, las propiedades de la disposición secundaria no tienen significado y están deshabilitadas. Para habilitar la disposición secundaria, establezca el ancho del contenedor en píxeles o para estirar.

Cuando un contenedor tiene espacio adicional, puede seleccionar una de las siguientes opciones para influir en cómo se distribuye el espacio:

  • Comienzo—Los contenidos se distribuyen al inicio del contenedor.
  • Centrar—Los contenidos se distribuyen al centro del contenedor.
  • Fin—Los contenidos se distribuyen hasta el final del contenedor.

Los márgenes establecen el espaciado izquierdo, derecho, superior e inferior alrededor de un borde.

  1. Haga clic en el campo de valor para obtener un margen. Aparece un control de giro en ese campo.
  2. Utilice el control de giro para aumentar o reducir el margen. 
  3. Para actualizar todos los valores de margen a la vez, haga clic en el botón Set All para Margen en el panel de propiedades.

La propiedad Visible establece la visibilidad de un componente en función del valor de una variable booleana (Verdadero o Falso) o de una expresión.

Para establecer la propiedad Visible en función de una variable:

  1. Haga clic en el grupo de propiedades Layout del panel Properties.
  2. En Visible, haga clic en Seleccionar variable.
  3. Seleccione una variable u, opcionalmente, cree una nueva variable Sí / No y luego asigne esa nueva variable a la Visible propiedad.
  4. En tiempo de ejecución, el componente es visible cuando el valor de la variable es Verdadero. Por el contrario, está oculto cuando el valor de la variable es Falso.

Para establecer la propiedad Visible en función de una expresión:

  1. Haga clic en el grupo de propiedades Layout del panel Properties.
  2. En Visible, seleccione Expresión Verdadero/Falso.
  3. En el cuadro Insertar variable, introduzca una expresión .

En tiempo de ejecución, el componente es visible cuando la expresión es True. El componente se oculta cuando la expresión es False.

El relleno define el espacio entre el borde interior y el contenido. Un margen establece el espacio fuera de un borde, mientras que el relleno agrega espacio dentro de un borde.

  1. Haga clic en el campo de valor de un elemento de borde. Aparece un control de giro en ese campo.
  2. Utilice el control de giro para aumentar o reducir el ancho del borde. Si se seleccionó Establecer todo, el cambio se aplica a todos los valores.
  3. Para actualizar opcionalmente todos los valores de relleno a la vez, presione el Establecer todos botón de Relleno en el panel de propiedades.

Apariencia

Establece el color de fondo en uno de los siguientes:

Establece el color de fondo o texto en uno de los siguientes:

  • Default-Asigna el color por defecto.
  • Color-Le permite seleccionar entre una paleta de colores comunes, o elegir los suyos propios introduciendo valores RGB o moviendo el selector de color a una nueva posición del espectro. El color del texto y del fondo es una propiedad del panel Apariencia. Este panel de propiedades sólo está disponible para los componentes que tienen la funcionalidad de color.
  • Variable-asigna un color almacenado en una variable de cadena.
    Variable ejemplo: Para asignar azul oscuro:
    1. Haga clic en la pestaña Variables .
    2. Haga clic en Añadir variable para añadir una variable.
    3. Seleccione Cuerda como el tipo de valor que almacena la nueva variable.
    4. Escriba un nombre descriptivo en la casilla Name.
    5. Establezca Valor por defecto a 0000FF o #0000FF-que es el código hexadecimal para el azul oscuro.
    6. Hacer clic Solicitar.
    7. Asigne la variable a esta propiedad de color.

    Cambiar el color de fondo de una página de script

    Para establecer el color de fondo de una página completa, asigne un color de fondo a su contenedor vertical raíz.

    • En la barra de migas de pan, haga clic en el icono del contenedor raíz.
    • En Común o Apariencia, asigne un color de Fondo diferente.

    Para cambiar el color de fondo de una página de secuencia de comandos

    Para establecer el color de fondo de una página completa, asigne un color de fondo a su contenedor vertical raíz.

    1. En la barra de migas de pan, haga clic en Contenedor raíz .

       

    2. Debajo Común o Apariencia, asigne un color de fondo diferente.

       

El borde define el espacio entre el relleno y el margen. Un margen establece el espacio fuera de un borde, mientras que el relleno agrega espacio entre el borde y el componente.

  1. Haga clic en el campo de valor de un elemento de borde. Aparece un control de giro en ese campo.
  2. Utilice el control de giro para aumentar o reducir el ancho del borde. Si se seleccionó Establecer todo, el cambio se aplica a todos los valores de relleno.
  3. Para actualizar todos los valores de borde a la vez, pulse el botón Establecer todo para Borde en el panel de propiedades.