Saltar al contenido

Cómo Cambiar el Ícono del Botón de Relleno Sólido a Regular

De forma predeterminada, si estás utilizando las imágenes de Icono nativas de lo que se envía con Vinyl, estas se configuran en el estado Icono 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 utilizar el estado Icono normal para que el icono 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 un relleno sólido.

Icono Sólido de Tarjeta de Dirección (predeterminado):

Tarjeta de dirección sólida

Icono de Tarjeta de Dirección Normal:

Tarjeta de dirección habitual

Cómo Modificar un Ícono de Control de Botón para Usar un Estado de Ícono Normal

Si desea utilizar el estado del icono 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 Cajón de acciones > Live Designer
  3. Seleccione el Control con el Icono que desea modificar
  4. Haga clic en Más y seleccione Estilos
  5. Haga clic en + Estilo
  6. Seleccione Fuente en el panel Categorías de estilo.
  7. Localice Peso de fuente 400 en el panel Estilo y haga clic en + Agregar.
  8. Haga clic en x para salir de la pantalla Estilo.
  9. Haga clic en el icono Abrir registro para el estilo que acaba de crear.
  10. Haga clic en el botón Editar estilo
  11. Seleccione Controles en el panel Componentes.
  12. Haga clic en Crear en Estilos.
  13. Seleccione Icono del botón como área
  14. Seleccione Fuente como tipo de estilo
  15. Establezca el peso de la fuente en normal
  16. Haga clic en Guardar
  17. Salga de la Configuración de estilo y regrese a la capa de interfaz de usuario de la aplicación; el icono de actualización y confirmación ahora aparece como se esperaba.