Graduador
Crea un control deslizante con un manejador que puede arrastrar para aumentar o reducir un número. Se puede elegir el número dentro de un rango de números y especificar el valor de paso por el que el graduador aumenta o disminuye el número cuando se desliza el manejador.
Propiedades de configuración
En Configuración, establezca o modifique las propiedades de aspecto y comportamiento de la vista. En Sucesos, establezca las propiedades de configuración de la fórmula.
- Tamaño de pantalla
- Una propiedad de configuración que tenga el icono Tamaños de pantalla
junto al nombre de propiedad puede tener distintos valores para cada tamaño de pantalla. Si no define un valor, el tamaño de la pantalla hereda el valor del siguiente tamaño de pantalla más grande como valor predeterminado.
- Definiciones de temas
- Las definiciones de temas especifican los colores y los estilos de una vista y determinan su aspecto. Puede obtener una vista previa del aspecto de las vistas en el editor de temas. Consulte Temas.
En la tabla siguiente se muestran las propiedades de configuración de aspecto de la vista Barra de deslizamiento:
| Propiedad de configuración del aspecto | Descripción | Tipo de datos |
|---|---|---|
| Vertical |
Cuando se selecciona, se muestra la Barra de deslizamiento en vertical en lugar de horizontalmente. | Boolean |
| Estilo de color | Especifica un estilo de color para la barra de deslizamiento. Los colores corresponden a variables en el tema especificado. | String |
| Altura |
Especifica la altura de la barra de deslizamiento en px (píxeles) o en unidades em. Si no se especifica ningún tipo de unidad, se presupone que es px | String |
| Ancho |
Especifica la anchura de la Barra de deslizamiento en píxeles, en porcentaje o en unidades em. Por ejemplo: 50px o 20% o 0.4em. Si no se especifica ningún tipo de unidad, se presupone que es px | String |
| Radio de borde | Especifica el radio de la curvatura de las esquinas de la barra de deslizamiento. | String |
| Ancho de asa |
Especifica la anchura del tirador en píxeles (px) o en unidades em. Por ejemplo: 50px o 0.4em. Si no se especifica ninguna unidad, se presupone que es px (es preferible evitar %). | String |
| Radio de tirador | Especifica el radio de la curvatura de las esquinas del tirador. | String |
| Mostrar valor actual | Mostrar el valor de la barra de deslizamiento actual, que puede cambiarse introduciendo un valor distinto. | Boolean |
| Mostrar valores límite | Mostrar los valores mínimo y máximo para el rango de la barra de deslizamento. | Boolean |
En la tabla siguiente se enumeran las propiedades de configuración del comportamiento de la vista Barra de deslizamiento:
| Propiedad de configuración del comportamiento | Descripción | Tipo de datos |
|---|---|---|
| Mínimo | Especifica el valor mínimo del rango de la barra de deslizamiento. | Decimal |
| Máximo | Especifica el valor máximo del rango de la barra de deslizamiento. | Decimal |
| Paso | Especifica el valor de paso de la barra de deslizamiento. | Decimal |
| Índice de pestañas | Especifica el índice de secuencia de las pestañas del control de formulario. Los índices de tabulado empiezan en 1 y se pueden establecer de forma dispersa. Por ejemplo, puede utilizar 1, 5, 10. La propiedad Índice de pestañas controla la secuencia de las pestañas al desplazarlas entre áreas de la IU pulsando la tecla Tabulador. | Integer |
Sucesos
Establezca o modifique las propiedades de configuración de la fórmula y los manejadores de sucesos de la vista en las propiedades de Sucesos. Puede establecer que los sucesos se activen mediante programación o cuando un usuario interactúe con la vista. Para obtener información sobre cómo definir y codificar sucesos, consulte Sucesos definidos por el usuario.En la tabla siguiente se muestran las propiedades de configuración de la fórmula para la vista Barra de deslizamiento:
| Propiedad de configuración de fórmula | Descripción | Tipo de datos |
|---|---|---|
| Fórmula de valor | Especifica la fórmula o expresión a utilizar cuando los valores de la barra de deslizamiento se calculan automáticamente para la vista. No hay ninguna fórmula especificada de forma predeterminada. Para obtener más información sobre fórmulas, consulte Fórmulas. |
String |
La vista Barra de deslizamiento tiene los siguientes tipos de manejadores de sucesos:
- On load: Se activa cuando se carga la vista. Por ejemplo:
me.setValue(50) - On change: Se activa cuando se cambia el valor del graduador. Por ejemplo:
if (newVal > 50) {${icon}.setIcon("smile-o");} else {${icon}.setIcon("frown-o");}
Métodos
Para obtener información detallada sobre los métodos disponibles para la vista Slider, consulte la API Slider JavaScript .
Recursos adicionales
Para obtener información sobre cómo crear un coach o una página, consulte Creación de coaches.
Para obtener información sobre las propiedades estándar (General, Configuración, Posicionamiento, Visibilidady Atributos HTML), consulte Ver propiedades.