Lista personalizada

Nota: Si tienes problemas de parpadeo o si la barra de desplazamiento horizontal no funciona correctamente, asegúrate de establecer un contenedor de altura y anchura fijas.

Mientras que el control de Tabla representa los datos en forma de filas y columnas, la lista personalizada (antes llamada lista avanzada) proporciona flexibilidad para representar los datos en el formato que el usuario necesita. En el control de la Lista personalizada, el usuario puede utilizar varios controles y colocarlos según su elección utilizando la plantilla. Una plantilla no es más que un Contenedor que contiene controles y otros contenedores.

La lista personalizada tiene dos conjuntos de propiedades, uno para Lista personalizada y otro para la Plantilla dentro de ella.

Nota: Puedes navegar entre las propiedades de la lista personalizada y las propiedades de la plantilla haciendo clic en el control en el lienzo o desde la vista de árbol de la izquierda. Cada clic cambia la selección entre la lista avanzada y su plantilla en el lienzo.

Propiedades de las listas personalizadas

General

• Información sobre herramientas: información sobre la herramienta que se mostrará en la lista personalizada. Utilízalo para proporcionar información adicional sobre el control.
• Fuente de datos: fuente para el control de la tabla. Los tipos de datos válidos son Tabla de datos y Matriz de objetos.
• Vinculación de valor seleccionado: vincula el valor seleccionado de la tabla en tiempo de ejecución a un argumento del Proceso RPA o a un campo de la App.
• Oculto: si se selecciona, oculta el control en el tiempo de ejecución.
• Deshabilitado: si se selecciona, deshabilita el control en el tiempo de ejecución.

Events

• Valor cambiado: configura lo que sucede cuando se cambia el valor.

Estilo

• Alineación de control: por defecto, hereda la alineación principal. Se puede establecer una alineación diferente a la principal. Para volver a la alineación principal, activa los iconos de alineación seleccionados para desactivar la alineación específica.

  Nota: La alineación depende de la disposición principal (vertical u horizontal).
• Diseño: determina cómo se mostrarán las plantillas en la Lista avanzada. Puede ser horizontal (uno al lado del otro) o vertical (uno debajo del otro).
• Espacio entre: determina el espacio entre las plantillas.
• Margen; establece el margen del control. De forma predeterminada, se establece un margen de 4px. Se combinan las propiedades de los márgenes superiores/inferiores e izquierdos/derechos. Estas propiedades pueden desvincularse mediante el botón de desvinculación situado a la derecha del encabezamiento de la sección Margen.
• Relleno: establece el relleno del controlador. Se combinan las propiedades de los rellenos superiores/inferiores e izquierdos/derechos. Estas propiedades pueden desvincularse mediante el icono de desvinculación situado a la derecha del encabezamiento de la sección de relleno si es necesario establecer valores de relleno diferentes para cada lado.
• Tamaño: la anchura y la altura del control se pueden establecer en la sección de tamaño. De forma predeterminada, el tamaño está establecido en Automático. La anchura mínima/altura mínima y la anchura máxima/altura máxima están disponibles en más (...) en la sección de tamaños.

Propiedades de las plantillas

General

Sin propiedades

Events

• Seleccionado: configura lo que sucede cuando se hace clic en la plantilla.

Estilo

Nota: Si usas el control Imagen dentro de un control Lista personalizada, asegúrate de especificar el tamaño de imagen (propiedades de ancho y alto) para un renderizado más rápido y para evitar parpadeos de imagen durante el runtime.

• Diseño: determina cómo se colocan los controles dentro de la plantilla.

  • Dirección (horizontal/vertical): los controles están dispuestos uno debajo de otro (vertical) o uno al lado del otro (horizontal).
  • Alineación: controla la alineación dentro de la plantilla (Izquierda, centro, derecha y estirar para la dirección vertical y Arriba, medio, abajo, estirar para la dirección horizontal).
  • Justificar: Arriba, medio, abajo y distribuir para la dirección vertical e Izquierda, centro, derecha y distribuir para la dirección horizontal.

  • Permitir ajustar: si se activa, se ajusta al control en el contenedor si no hay suficiente espacio.

    Nota: La propiedad Permitir ajustar se aplica cuando el tamaño (ancho o alto) se establece en un valor definido y no en Automático.
• Color de fondo: establece el color de fondo de la plantilla.
• Borde: establece el borde del control. Se puede configurar el grosor, el color y el radio de la esquina del borde.
• Relleno: establece el relleno de la plantilla. Por defecto se establece un relleno de 8px. Se combinan las propiedades de los rellenos superiores/inferiores e izquierdos/derechos. Estas propiedades pueden desvincularse mediante el icono de desvinculación situado a la derecha del encabezamiento de la sección de relleno si es necesario establecer valores de relleno diferentes para los lados superior, inferior, izquierdo y derecho.

• Tamaño : la anchura y la altura del control se pueden establecer en la sección de tamaño. El ancho se hereda del elemento principal para el diseño vertical y no se puede editar. Del mismo modo, la altura se hereda del elemento principal para el diseño horizontal y no se puede editar. Ancho mínimo / alto mínimo y ancho máximo / alto máximo están disponibles en Más (...) en la sección Tamaño.

Nota:

Las listas personalizadas se optimizan mejor con una altura fija de píxeles, que es cuando se permite Desplazamiento virtual.

Para tener gran número de filas en una lista personalizada, hay la opción de usar desplazamiento virtual de modo que los elementos de la ventana gráfica se carguen de forma instantánea y los elementos siguientes se vayan cargando progresivamente a medida que te desplazas. El desplazamiento virtual solo funciona cuando la altura de la lista personalizada se establece en una altura en píxeles.

Si no se usa el desplazamiento virtual, una lista personalizada con gran número de filas puede ser lenta.

El desplazamiento virtual mejora el rendimiento cargando en la ventana gráfica solo los elementos relevantes durante el tiempo de ejecución. Esto solo funciona cuando se configura una altura y no se establece en automática.

Si la propiedad Altura se establece como automática, el tamaño del control en tiempo de ejecución y diseño puede no coincidir. Esto sucede porque la altura del control depende del número de filas devueltas en el tiempo de ejecución, mientras que en el tiempo de diseño el control está vacío.

Para cualquier control con datos dinámicos, como tablas, listas o listas personalizadas, recomendamos configurar una altura fijada para mejorar el rendimiento.