Saltar a contenido

4.15 Switcher

El componente Switcher ofrece una interfaz de usuario intuitiva diseñada para alternar entre dos estados: activado o desactivado. Su utilidad radica en proporcionar a los usuarios la capacidad de cambiar entre dos opciones binarias, ofreciendo una experiencia de selección sencilla y directa.

Cuando se utiliza el Switcher, los usuarios pueden activar o desactivar una función o estado específico con un simple interruptor visual. Este componente es particularmente beneficioso cuando se busca una forma eficiente y fácil de permitir a los usuarios elegir entre dos opciones claramente definidas.

Atributo Valor por defecto Tipo Descripción
Comunes id null String Identificador único del componente. Si no tiene id, se le asigna con nomenclatura ${tag}${num}.
render true Boolean o JEXLExpression Expresión EL para evaluar si el componente debe mostrarse.
onBeforeRender null String Método JS a ejecutar antes de que el componente actual sea renderizado.
onAfterRender null String Método JS que se ejecutará una vez renderizado el componente actual.
action null String Identificador de la acción a realizar cuando el usuario interactúa con este componente.
allowsPartialRestore false Boolean Si el estado del componente actual debe restaurarse cuando el usuario vuelva a la vista.
Comunes input label null String Etiqueta del componente.
validator null String Tipo de validación del componente: required, short, long, decimal, double, float, email, iban.
hint null String Texto a modo de ayuda o información. Se mostará un botón de información que al ser pulsado mostrará un panel con el texto aportado.
readonly false Boolean o JEXLExpression Evaluar si el componente debe ser de sólo lectura o no.
placeHolder null String o JEXLExpression Valor del componente cuando el componente no tiene valor.
inputType null Integer Valor inputType de Android que soportará el componente. Ver documentación de Android InputType. Por ejemplo, para PHONE_CLASS, establezca input_type = 3. En el caso de la imagen, mostrará la botonera asociada a la imagen:
  • 1 cámara
  • 2 galería
  • 4 sketch
  • 3 galería y cámara
  • 5 sketch y cámara
  • 6 sketch y galería
  • 7 cámara, galería y sketch
hasDeleteButton true Boolean Indica si se mostrará el botón de borrado del componente.
converter null String Instancia del conversor a aplicar a la propiedad de la entidad.
value false Boolean o JEXLExpression Valor del componente. Si es true estará activo.
<switcher label="Switcher true: " value="true" />
<switcher label="Switcher false: " value="false" />

img.png