Cómo Cambiar el Icono del Botón de Relleno Sólido a Relleno Regular
De manera predeterminada, si está utilizando las imágenes de ícono nativas de lo que se envía con App Builder, estos se configuran en el estado Ícono sólido (lo que significa que el ícono aparece con un color de fondo sólido). Si lo desea, puede configurar la información del tema para anular este estado y usar el estado Ícono regular para que el ícono aparezca como un contorno de la forma sin relleno.
En este artículo, analizamos cómo modificar un control de botón con un ícono para que tenga un relleno regular en lugar de sólido.
Icono de la Tarjeta de Dirección SolID (predeterminado):
Icono de Tarjeta de Dirección Normal:
Cómo Modificar un Icono de Control de Botón para Utilizar un Estado de Icono Normal
Si desea utilizar el estado de ícono Regular, aquí se explica cómo configurar la información del tema correspondiente:
- Navegue hasta el área de su aplicación donde desea incluir el ícono y agréguelo como lo haría normalmente. Por ejemplo: icono de tarjeta de dirección seleccionado para el botón de prueba
- Vaya a Action Drawer > Live Designer
- Seleccione el control con el icono que desea modificar
- Haga clic en More y seleccione Styles
- Haga clic en + Style
- Seleccione Font en el panel Style Categories
- Busque Font Weight 400 en el panel Style y haga clic en + Add
- Haga clic en x para salir de la pantalla Style
- Haga clic en el icono Open record para el estilo que acaba de crear
- Haga clic en el botón Edit Style
- Seleccione Controls en el panel Components
- Haga clic en Create en Styles
- Seleccione Icon en Button como Area
- Seleccione Font como Style Type
- Establezca Font Weight en normal
- Haga clic en Save
- Salga de Style Settings y vuelva a Application UI Layer, actualice y confirme que el icono ahora aparece como se esperaba.