Agregando un icono a un botón en Xamarin Forms

Screen Shot 2019-03-24 at 2.09.11 PM
Share on facebook
Share on twitter
Share on linkedin

Para agregar un icono a un botón usando Xamarin Forms tenemos que asignar valores dos propiedades, la propiedad Image y la propiedad ContentLayout del botón. Vamos a ver un ejemplo de inmediato:

En XAML:

En C#

La implementación es bastante sencilla, ahora voy a explicar lo que estamos haciendo. La propiedad Image toma el nombre de un recurso de imagen que será el ícono de nuestro botón. Debes agregar la imagen a cada plataforma según corresponda y recuerda incluir los diferentes tamaños para cada dpi / tamaño de pantalla.

La propiedad ContentLayout tiene dos valores separados por una coma. Primero está la posición en la que queremos que aparezca la imagen, definida por el enumerador ImagePosition (que nos permite definir si queremos la imagen en la posición Superior, Izquierda, Derecha o Inferior). El segundo parámetro es el espacio que queremos entre el texto del botón y el icono que especificamos.

En practica queda algo así:

Mostrando las diferentes disposiciones de los botones con iconos

Y eso es todo, espero que hayas encontrado este artículo útil y nos vemos en una próxima entrega.

¿Te gustó el artículo o tienes algún comentario? Puedes darme mention en twitter @eatskolnikov

Comparte este post con tus amigos

Share on linkedin
Share on twitter
Share on facebook

¿quieres recibir los artículos en tu correo?

Suscribete a mi boletín de correos y enterate cuando haya una nueva publicación

Otros artículos

Enmanuel Toribio hablando sobre Xamarin en codecamsdq 2019
Eventos

La Experiencia CodecampSDQ

El sábado pasado, 1 de junio, tuve el privilegio de participar como miembro del personal y orador en el CodecampSDQ. Se llevó a cabo en las instalaciones de la Universidad INTEC aquí en Santo Domingo. Este evento ha estado ocurriendo durante muchos años y se ha convertido en una especie

Leer más »
Xamarin

Cambiando la etiqueta del botón Back en iOS con Xamarin Forms

Algo de contexto He estado trabajando en la aplicación para CodecampSDQ (iOS | Android) que se celebrará en las instalaciones de Intec este 1 de junio. El código se basa en este repositorio y hemos realizado algunas adaptaciones de las que probablemente hablaré con mayor detalle más adelante. En un momento me

Leer más »
Xamarin

Áreas seguras del Layout para iOS en Xamarin Forms

Desde el lanzamiento del iPhone X, hay un “notch” en la parte superior de la pantalla en los dispositivos iOS que tiende a ser molesto porque se sobrepone al contenido de nuestra aplicación. Normalmente tendrías que agregar algún tipo de margen para evitar este problema. El mayor inconveniente con este

Leer más »
From https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/images?tabs=macos
Xamarin

Almacenamiento en caché de imágenes en Xamarin Forms

Alguien me preguntó sobre un problema que estaba teniendo al mostrar un ListView que tenía una imagen para cada celda. Cuando el usuario se movía por la lista, las imágenes parpadeaban y la interfaz de usuario se comportaba un poco lento. Las imágenes se estaban cargando desde internet. El problema

Leer más »
Xamarin

Agregando autenticación con huellas digitales en Xamarin Forms

Agregar una autenticación de huella digital para proyectos multiplataforma nunca ha sido tan fácil como con el paquete de NuGet Plugin.Fingerprint. Pero primero… Algunas cosas para aclarar acerca de la autenticación biométrica o por huella digital. Estas son limitaciones de implementación por la tecnología en sí y no están introducidas

Leer más »