Internet Connection Status [Xamarin.Forms]


La mayoría de las aplicaciones (por no decir que todas) requieren una conexión a Internet para funcionar optimamente y es normal que los usuario se queden sin señal o se encuentren limitados a una red Wi-Fi, lo que generaría una perdida de información o de interacción en nuestro aplicativo, y es muy frecuente que el mismo usuario no se percate del incidente que presenta, a lo que nos obliga como desarrolladores hacérselo notar.

Es por eso que el día de hoy veremos como comprobar si el dispositivo tiene una conexión a Internet.

Para este ejemplo voy a suponer que ya han creado su aplicación en Xamarin.Forms, en dado caso de que no lo hayan hecho y tengan alguna duda, los invito a que lean el siguiente post: My first App in Xamarin.Forms

Una vez realizado esto, procedamos a agregar el NuGet Package, esto haciendo clic con el botón derecho sobre la solución y seleccionando “Manage NuGet Packages for Solution”…

1

Escribamos “Xam.Plugin.Connectivity” y seleccionemos el plugin como se muestra a continuación:

2

Seleccionemos todos los proyectos y hagamos clic en el botón “Install”.

3

XAML

Ahora, en nuestro archivo MainPage.xaml modifiquemos la etiqueta que se encuentra pre-definida para mostrar el estado (Conectado / Desconectado) y agreguemos un botón que servirá para verificar la conexión.

<StackLayout VerticalOptions=”Center”
HorizontalOptions=”Center”>

<Label x:Name=”statusInternet”
FontSize=”20″ />

<Button Text=”Revisar Conexion”
Clicked=”CheckInternet”/>

</StackLayout>

Código

Tengamos en cuenta que la propiedad Clicked llama al método CheckInternet en donde se usa CrossConnectivity.Current.IsConnected para saber si el dispositivo está conectado a Internet.


 public void CheckInternet (object sender, EventArgs e)
        {
            statusInternet.Text = CrossConnectivity.Current.IsConnected ? "Connected" : "Disconnected";
        }

Resultado

StatusInternet.gif

Descarga el código completo desde mi GitHub.

GitIronMan

Hasta la próxima!

Más información: Xam.Plugin.Connectivity

Anuncios

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

w

Conectando a %s