Saltar al contenido

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):

Tarjeta de dirección SolID

Icono de Tarjeta de Dirección Normal:

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:

  1. 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
  2. Vaya a Action Drawer > Live Designer
  3. Seleccione el control con el icono que desea modificar
  4. Haga clic en More y seleccione Styles
  5. Haga clic en + Style
  6. Seleccione Font en el panel Style Categories
  7. Busque Font Weight 400 en el panel Style y haga clic en + Add
  8. Haga clic en x para salir de la pantalla Style
  9. Haga clic en el icono Open record para el estilo que acaba de crear
  10. Haga clic en el botón Edit Style
  11. Seleccione Controls en el panel Components
  12. Haga clic en Create en Styles
  13. Seleccione Icon en Button como Area
  14. Seleccione Font como Style Type
  15. Establezca Font Weight en normal
  16. Haga clic en Save
  17. Salga de Style Settings y vuelva a Application UI Layer, actualice y confirme que el icono ahora aparece como se esperaba.