xamarin - < SomosTechies />

xamarin

A collection of 36 posts

Xamarin Tip: NavBar personalizada usando ContentTemplate

Xamarin Tip: NavBar personalizada usando ContentTemplate

Hola techies, tenemos aquí este dribble de "Ghulam Rassol" que nos da esta banking and finance mobile app que luce bastante bien. Pero la primera cosa que yo noté de inmediato al ver este diseño es que utiliza unos controles de navegación diferentes. Entonces pueden ver que ya tengo esta

Xamarin UI: SmartHome

Hola techies en este post, completamos la UI que revisamos en un video anterior, donde explicamos como crear un control switch. Si no lo viste, puedes revisarlo aquí abajo. En este nuevo video completamos los componentes restantes que resaltan algunas características relativamente nuevas en Xamarin.Forms. * Embedded Fonts * Paths & Shapes

Como implementar transiciones compartidas entre páginas en Xamarin.Forms

Como implementar transiciones compartidas entre páginas en Xamarin.Forms

En este video exploraremos como utilizar el plugin de Xamarin.Plugin.SharedTransitions para aplicar este llamativo afecto a nuestras aplicaciones no importa si usan Shell o no. https://github.com/GiampaoloGabba/Xamarin.Plugin.SharedTransitions Repositorio del Ejemplo mostrado La version completa esta disponible en mi version (forked) https://github.com/

Xamarin UI: Creando un control Switch en Xamarin.Forms usando Shapes y Paths

xamarin Featured

Xamarin UI: Creando un control Switch en Xamarin.Forms usando Shapes y Paths

Hola techies, en este post vamos a ver como crear un control Switch utilizando Shapes y Paths. Empezamos a trabajar en replicar la UI que encontramos en este Dribble. El control que vamos a construir pueden notar que es visualmente sencillo, compuesto por un borde y un circulo que representa

Xamarin UI: Creando Sliding Panel en Xamarin.Forms

Xamarin UI: Creando Sliding Panel en Xamarin.Forms

En este video demostramos como crear un Sliding Panel en Xamarin.Forms usando un PanGestureRecognizer. * Github : https://github.com/jesulink2514/TechiesFlights * Dribble: https://dribbble.com/shots/8628083-Flight-information/attachments/885275?mode=media Enlaces de documentación adicional * Shapes https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/shapes/?WT.mc_id=DOP-MVP-5002848 * PanGestureRecognizer

Top 10 paquetes Nuget que todo Xamarin developer deberia conocer

Top 10 paquetes Nuget que todo Xamarin developer deberia conocer

Hola techies, ha sido bastante tiempo desde mi ultimo post. Esta vez queria recopilar brevemente alguno de los paquetes mas interesantes y útiles que he encontrado mientras trabajan en aplicaciones con Xamarin y que ha resulto mas de un dilema. 10. TK Custom Map Este paquete nos permite incluir mapas

Replicando la UI de una aplicación de libros en Xamarin

Replicando la UI de una aplicación de libros en Xamarin

Tengo un buen tiempo trabajando en esta UI, pues contiene elementos interesantes con muchos fondos degradados. En artículos anteriores detalle algunas de estas implementaciones principales, personalizaciones y controles que he tenido que construir para replicar esta interfaz de usuario. (Pueden echarle un ojo al video tambien) Librerías utilizadas Para crear

Animando nuestro control GradientProgressbar hecho en Skiasharp

Animando nuestro control GradientProgressbar hecho en Skiasharp

Hola techies, esta vez les traigo este post super rapido acerca de las animaciones en Xamarin.Forms y como aplicarlas a nuestro control GradientProgressBar que fue construido en un articulo anterior. https://somostechies.com/skiasharp-building-gradient-progressbar-for-xamarin-forms/ Para poder hacer que esto funcione necesitamos escribir algo de código usando el sistema de

GradientProgressBar: Accepting touch input Skiasharp

Hi techies, this is another quick post about SkiaSharp and this little control made with it. When I published a post about SkiaSharp (you can check it out here) some people told me whether or not I could make this progress bar editable, so a user can click and update

Animating our Gradient Progress Bar Control in Xamarin.Forms

Animating our Gradient Progress Bar Control in Xamarin.Forms

Hi techies, this time I'm bringing this quick post about animation and how to apply to our Gradient Progress bar control built in a previous post. https://somostechies.com/skiasharp-building-gradient-progressbar-for-xamarin-forms/ In order to get this working we need to write some Xamarin.Forms code using animation system built-in. TL;DR;

Xamarin.Forms: Customizing our Entry control (Custom renderer)

Xamarin.Forms: Customizing our Entry control (Custom renderer)

If you ever have worked with Xamarin.Forms, you definitively noticed that our entry control (most used control) looks pretty different between platforms (iOS and Android). But, our designs most of the time should look the same to accomplish a look & feel like this: So I took on the task

Gradient ProgressBar para Xamarin.Forms usando Skiasharp

Gradient ProgressBar para Xamarin.Forms usando Skiasharp

Empece a ‌crear una aplicación para llevar cuenta de el progreso de los libros que estoy leyendo (algo así como goodreads pero con una interfaz mas bonita). En cuanto el diseño, en dribble encontre algunas ideas interesantes como esta https://dribbble.com/shots/5632432-Book-App-UI/attachments de Carlos Han. Para implementarla

Analicemos Xamarin Hot Reload!

Analicemos Xamarin Hot Reload!

Hace un par de semanas en el Xamarin Developer Summit, se anuncio XAML Hot Reload para Xamarin.Forms, que , por fin, nos permite hacer cambios en nuestra interfaz y verlos de inmediato en nuestro dispositivo o emulador sin tener que recompilar y mucho menos volver a desplegar. XAML Hot Reload

xamarin Featured

Xamarin UI - Parte 1

Estoy empezando esta serie de post y videos, donde mas allá de centrarnos en características puntuales de Xamarin.Forms, desarrollaremos interfaces de usuario para ver todo lo que podemos hacer y cómo , con Xamarin.Forms.

Boton con degradado para Xamarin.Forms usando NControl

xamarin Featured

Boton con degradado para Xamarin.Forms usando NControl

En este post construiremos un botón con gradiente de fondo para Xamarin.Forms usando la librería NControl. NControl utiliza NGraphics para dibujar de forma eficiente de modo cross-platform. Empecemos... Alguna vez te has topado con algún diseño que incluya gradientes por ejemplo en botones, si? yo también. Xamarin.Forms no

Novedades en Xamarin.Forms 3.3

En este video exploramos de manera muy rapida las novedades incluidas en el release 3.3 de Xamarin.Forms. * Soporte para fijar MaxLines en el control Label. * GestureRecognizers en Span * TextDecorations con soporte para tachado tachado en nuestros Labels. * Soporte para Glide mejorando el performance de las imagenes en Xamarin.

Consumiendo servicios en localhost desde Xamarin

Cuando trabajamos con aplicaciones moviles en xamarin probablemente nos encontremos con escenarios donde tengamos la necesidad de trabajar tanto en los servicios que van a proveer de datos a nuestra aplicación como en la aplicación misma. En etos casos es muy útil poder utilizar nuestros servicios, que tenemos levantados en

[Video Serie] Redux y Flux en Xamarin.Forms

[Video Serie] Redux y Flux en Xamarin.Forms

En esta serie exploraremos mi experiencia implementando Redux en Xamarin.Forms. 1. Arquitecturas móviles - MVC, MVP, MVVM y Flux En este vídeo revisaremos las arquitecturas mas populares en las aplicaciones móviles. Esto nos servirá como una introducción a la arquitectura Flux y Redux, para revisar como implementarla en una

Novedades en Xamarin.Forms 3.2

En este video revisamos las novedades de Xamarin.Forms de los ultimos meses. * Bindable Spans https://github.com/xamarin/Xamarin.Forms/pull/1850 * Enhanced Entries * SelectionMode para ListView's * Padding para Button's https://github.com/xamarin/Xamarin.Forms/issues/1702 * BottomTabs para Android * TitleView https://github.com/xamarin/Xamarin.Forms/pull/

Aplicación en Xamarin.iOS rechazada por crash al iniciar la app. Entra aquí!

Aplicación en Xamarin.iOS rechazada por crash al iniciar la app. Entra aquí!

Hace unas semanas estuve lidiando con el proceso de enviar una aplicación en Xamarin.Forms al AppStore, tras un día de revisión, recibí la notificación de que había sido rechazada, revise los detalles... Y ahí estaba, la aplicación había sido rechazada porque tenía un crash al iniciarla, es decir ni

Localization for Xamarin.Forms with RTL(Right-to-Left) detection

Localization for Xamarin.Forms, Xamarin.iOS, Xamarin.Android, Xamarin.Mac and Xamarin.WPF It's a pleasure to announce this brand new, powerfull net standard plugin for handling language localization in Xamarin.Forms (3.0). NuGet * Available on NuGet: Xamarin.Forms.Localization * Sources package available Xamarin.Localization.Sources (No Xamarin.Forms

Animaciones en Xamarin.Forms - Parte 1

En esta ocasion les traigo la recopilacion en video de lo que fue nuestro webinar sobre animaciones en Xamarin.Forms. Fundamentos de Animaciones en Xamarin.Forms * Primer Proyecto de Demo https://github.com/jesulink2514/DemoFormsAnimations Animaciones con XAML usando Xamanimation * Proyecto de inspiración SmartHotel https://github.com/Microsoft/SmartHotel360-mobile-desktop-apps Video

Implementando BottomTabs en Xamarin.Forms

Implementando BottomTabs en Xamarin.Forms

Es muy comun que nos pidan implementar tabs inferiores en Android y iOS, lo cual va mas alla de lo que Xamarin.Forms nos da, pero tranquilos siempre hay un paquete con un CustomRenderer al rescate :D TL;DR; El paquete se llama Naxam.BottomTabbedPage y aqui esta el enlace

Creando un formulario para tarjeta de credito usando Xamarin.Forms

Creando un formulario para tarjeta de credito usando Xamarin.Forms

Hey Techies, en esta ocasión les traigo un Layout en Xamarin.Forms para el ingreso de datos de la tarjeta de crédito, hecho sencillo con la ayuda de un par de componentes. Componentes a usar * XamarinFastEntry.Behaviors Nuget * Credit Card Number to Image Converter (incluido en el código fuente) Layout

Usando Touch Id y Sensor de Huella digital en nuestras aplicaciones con Xamarin

Usando Touch Id y Sensor de Huella digital en nuestras aplicaciones con Xamarin

Hoy en día los nuevos terminales celulares incluyen un sensor biométrico, y el sensor más común es sensor de huella digital (fingerprint reader). Con esta premisa muchas aplicaciones agregan la habilidad de proteger nuestra información o acelerar el inicio de sesión usando la información de este sensor. En este post