Componente de secuencia de comandos de texto de solo lectura

El componente de texto de solo lectura le permite agregar texto que un agente no puede modificar en tiempo de ejecución. El texto de solo lectura es útil para mostrar instrucciones escritas al agente o para etiquetar controles. Para agregar texto editable, use el Entrada de texto componente.

  1. Haga clic en el Texto en la barra de herramientas del componente. 

  2. Escriba el texto que desea que lea el agente o una etiqueta que describa otro componente. Por ejemplo, ingrese "Nombre:" para etiquetar un cuadro de entrada de texto.

    Propina: Para incrustar el valor de tiempo de ejecución de una variable:

    1. Haga clic en el icono en forma de cubo.

    2. Seleccione una variable de la lista. 

      La figura muestra una variable incrustada en un texto de solo lectura

      En tiempo de ejecución, se sustituye el valor de la variable.

  3. Establezca cualquier otra propiedad del componente.

    Común

    La configuración de fuente modifica la apariencia visual del texto. Cambie la fuente y el tamaño de la fuente. Aplique negrita, cursiva o subrayado en cualquier combinación. Justifique la alineación del texto dentro de un contenedor circundante.

    Artículo Descripción

    Perfil delantero

    Muestra una lista de fuentes para elegir. Luego, establece todo el texto del control en el tipo de letra seleccionado.

    tamaño de fuente

    Establece el tamaño de la fuente en el número de puntos que seleccione.

    negrita

    Aplica un grosor de fuente en negrita al texto del componente.

    fuente-cursiva

    Aplica estilo de fuente en cursiva al texto del componente.

    fuente-subrayado

    Subraya el texto del componente.
    justificación-izquierda Justifica a la izquierda el componente en relación con su contenedor principal.
    centro de justificación Centra el componente en relación con su contenedor principal.
    justificación-derecho Justifica a la derecha el componente en relación con su contenedor principal.

    Establece el color del texto en uno de los siguientes:

    configuración-bg-color-popup2
    • Defecto: Asigna el color predeterminado.

    • Color: Le permite seleccionar de una paleta de colores comunes o elegir la suya propia ingresando valores RGB o moviendo el selector de color a una nueva posición del espectro. Hacer clic Escoger para asignar la selección actual.

      configuración-texto-color-popup-colores

    • Variable: Asigna un color almacenado en una variable de cadena. Por ejemplo, para asignar azul oscuro:

      1. Haga clic en el Variables pestaña.

      2. Hacer clic + para agregar una variable.

        La figura muestra el botón que agrega una nueva variable.

      3. Seleccione Cuerda como el tipo de valor que almacena la nueva variable.

      4. Escriba un nombre descriptivo en el cuadro Nombre.

      5. Colocar Valor predeterminadomi a 0000FF o # 0000FF, que es el código hexadecimal para azul oscuro.

        seleccionar-color-en-variable

      6. Hacer clic Solicitar.
      7. Asigne la variable a esta propiedad de color.

        variable-mycolor

    Varios componentes tienen una propiedad de Texto que puede cambiar, generalmente haciendo doble clic en el componente en el modo de diseño:

    • Botón: Haga doble clic para cambiar el nombre de "Enviar" a otra cosa.

    • Boton de radio o Caja: Haga doble clic para cambiar "Etiqueta" a un nombre más descriptivo.

    • Texto de solo lectura: Para cambiar el texto que se muestra en un componente de texto de solo lectura, haga clic en el componente y, a continuación, escriba el texto en el cuadro.

    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.

    Configuración Descripción
    ajustes-dimensionamiento-auto-tamaño El tamaño automático configura el componente para que se reduzca o crezca de acuerdo con su contenido. Por ejemplo, el ancho de una etiqueta puede crecer dependiendo de la cantidad de texto que contenga.
    ajustes-dimensionamiento-estiramiento

    El estiramiento 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.

    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 aparece dos veces el tamaño del otro componente, ya que su peso era dos veces el peso del segundo componente.

    configuración-tamaño-píxeles 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.

    Configuración Descripción
    ajustes-dimensionamiento-auto-tamaño El tamaño automático configura el componente para que se reduzca o crezca de acuerdo con su contenido.
    configuración-tamaño-píxeles 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.
    ajustes-dimensionamiento-estiramiento

    El estiramiento 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.

    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 aparece dos veces el tamaño del otro componente, ya que su peso era dos veces el peso del segundo componente.

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

    Propina: Un componente no se puede alinear verticalmente al centro si la configuración de Altura de su contenedor principal es Tamaño automático. Para corregir esto, establezca la Altura del contenedor principal en Estirarse oa una altura fija en Pixeles.
    Configuración Ejemplo
    align-left2 alinear-izquierda-ejemplo2
    align-center2 alinear-centro-ejemplo2
    align-right2 alinear-derecha-ejemplo2
    alinear-iniciar alinear-inicio-ejemplo
    alinear-centro-vertical alinear-centro-vertical-ejemplo
    alinear-extremo-vertical alinear-vertical-final-ejemplo

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

    La imagen muestra la relación entre los ajustes de margen, borde y relleno.

    1. Para actualizar opcionalmente todos los valores de los márgenes a la vez, presione el Establecer todos botón de Margen en el panel de propiedades.

      imagen del botón configurar todo

    2. Haga clic en el campo de valor para obtener un margen. Aparece un control de giro en ese campo.

    3. Utilice el control de giro para aumentar o disminuir el margen. Si Establecer todos se seleccionó, el cambio se aplica a todos los márgenes.

      settings-margin-spinner

      El componente se reposiciona inmediatamente utilizando su nueva configuración de margen.

    Establece la visibilidad de un componente según el valor de una variable booleana (verdadera o falsa).

    1. Haga clic en el Diseño grupo de propiedad. Debajo de Visible, haga clic en Seleccionar variable.
    2. Seleccione una variable u, opcionalmente, cree una nueva variable Sí / No y luego asigne esa nueva variable a la Visible propiedad.
    3. 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.
    Apariencia

    La configuración de fuente modifica la apariencia visual del texto. Cambie la fuente y el tamaño de la fuente. Aplique negrita, cursiva o subrayado en cualquier combinación. Justifique la alineación del texto dentro de un contenedor circundante.

    Artículo Descripción

    Perfil delantero

    Muestra una lista de fuentes para elegir. Luego, establece todo el texto del control en el tipo de letra seleccionado.

    tamaño de fuente

    Establece el tamaño de la fuente en el número de puntos que seleccione.

    negrita

    Aplica un grosor de fuente en negrita al texto del componente.

    fuente-cursiva

    Aplica estilo de fuente en cursiva al texto del componente.

    fuente-subrayado

    Subraya el texto del componente.
    justificación-izquierda Justifica a la izquierda el componente en relación con su contenedor principal.
    centro de justificación Centra el componente en relación con su contenedor principal.
    justificación-derecho Justifica a la derecha el componente en relación con su contenedor principal.

    Establece el color del texto en uno de los siguientes:

    configuración-bg-color-popup2
    • Defecto: Asigna el color predeterminado.

    • Color: Le permite seleccionar de una paleta de colores comunes o elegir la suya propia ingresando valores RGB o moviendo el selector de color a una nueva posición del espectro. Hacer clic Escoger para asignar la selección actual.

      configuración-texto-color-popup-colores

    • Variable: Asigna un color almacenado en una variable de cadena. Por ejemplo, para asignar azul oscuro:

      1. Haga clic en el Variables pestaña.

      2. Hacer clic + para agregar una variable.

        La figura muestra el botón que agrega una nueva variable.

      3. Seleccione Cuerda como el tipo de valor que almacena la nueva variable.

      4. Escriba un nombre descriptivo en el cuadro Nombre.

      5. Colocar Valor predeterminadomi a 0000FF o # 0000FF, que es el código hexadecimal para azul oscuro.

        seleccionar-color-en-variable

      6. Hacer clic Solicitar.
      7. Asigne la variable a esta propiedad de color.

        variable-mycolor

    Nota: Para formatear partes del texto de su secuencia de comandos de manera diferente, consulte la Componente de secuencia de comandos de Markdown.