Dia 2: LockScreen

Estándar

304051-windows-phone-8-lock-screen

 

En Windows Phone 8 esta funcion es super llamativa, Que tus aplicaciones puedan ocupar la pantalla de bloqueo haciendo notificaciones o cambiando la imagen de fondo. Donde hoy explicaremos las 2 funciones para poder lograr que tus apps sean mas interactivas.

Icono,contador y texto en Pantalla de Bloqueo. 

Las imagenes del icono que tenemos que incluir en nuestro proyecto Siempre tienen que ser con un fondo fransparente y el icono de color blanco donde sus medidas son 38*38 Pixeles.

Para establecer este icono en nuestra pantalla de bloqueo creamos un nuevo proyecto y nos vamos a WMAppManifest.xml y cambiamos el elemento DeviceLockImageURI a la dirección URL del icono. Tambien establecemos el atributo isRelative en True y IsResource en False. El contador y el texto se tomaran los objetos del live tile que tenemos creado.

Quedando de esta forma :

<DeviceLockImageURI IsRelative=”true” IsResource=”false”>Assets\Icono.png</DeviceLockImageURI>

 

Para que poder visualizar el icono con el contador y el texto en la imagen de bloqueo tenemos que agregar esto tambien en WMAppManigest.xml

<Extensions>
<Extension ExtensionName=”LockScreen_Notification_IconCount” ConsumerID=”{111DFF24-AA15-4A96-8006-2BFF8122084F}” TaskID=”_default” />
<Extension ExtensionName=”LockScreen_Notification_TextField” ConsumerID=”{111DFF24-AA15-4A96-8006-2BFF8122084F}” TaskID=”_default” />
</Extensions>

 

Los ajustes necesarios para la visualizacion de los datos en la pantalla de bloqueo esta completa. De tal forma que podemos cambiar nuestra configuracion en nuestro device para agregar nuestra aplicacion para la pantalla de bloqueo. Para realizar esta acción tenemos que abrir :

Configuración -> Pantalla de Bloqueo.  Dentro de aqui podemos seleccionar 2 opciones de como podemos mostrar nuestra app 1. Es mostrar el estado detallado. (Donde siempre se encontrara el calendario)

1

 

Donde nos quedaria de esta forma :

4

Recuerden que el texto y contador tomaron los valores de nuestro live tile que tenemos dentro de nuestro proyecto.

Y la segunda forma es Mostrar estados Rapidos.

2

3

En esta opción solo nos mostrara el icono con el contador!

 

Bloqueo de Pantalla con imagen

Lo ultimo que vamos a ver en este segundo dia es poder mostrar una imagen que nosotros tengamos dentro de nuestro proyecto como pantalla de bloqueo. Donde nuevamente tendremos que agregar una extensión en WMAppManifest.xml para poder permitir que nuestra imagen se muestre en la pantalla de bloqueo. Y agregamos esto :

  <Extension ExtensionName=”LockScreen_Background” ConsumerID=”{111DFF24-AA15-4A96-8006-2BFF8122084F}” TaskID=”_default” />
Ya teniendo la extension en el manifiesto ahora podemos empezar escribir el codigo para poder cambiar la imagen de pantalla de bloqueo, en primer lugar vamos a tener que comprobar si nuestra aplicación   preveía la imagen de la pantalla de bloqueo actual y si ese no es el caso vamos a tener que pedir permiso al usuario para cambiar la imagen de pantalla de bloqueo.

Vamos a añadir una imagen de 480×800, Donde tambien agregaremos otro boton para poder realizar el cambio de imagen en la pantalla de bloqueo. Crearemos un Async fuera del boton y esa funcion se incluira en el tap del boton agregado.

Quedado de esta forma :

private async void SetLockScreenImage()
{

if (!Windows.Phone.System.UserProfile.LockScreenManager.IsProvidedByCurrentApplication)
{

var permission = await Windows.Phone.System.UserProfile.LockScreenManager.RequestAccessAsync();

if (permission == Windows.Phone.System.UserProfile.LockScreenRequestResult.Denied)
{

return;
}
}

Windows.Phone.System.UserProfile.LockScreen.SetImageUri(new Uri(“ms-appx:///Assets/Fondo.jpg”, UriKind.Absolute));
}

private void Button_Tap_1(object sender, System.Windows.Input.GestureEventArgs e)
{
SetLockScreenImage();
}

Como podemos ver el SetLockScreenImage esta usando la palabra Async porque para pedir permiso al usuario solo se puede hacer mediante el uso de una llamada asincronica. Por lo tanto, estamos usando la palabra clave await cuando estemos pidiendo permiso y la aplicación va estar en espera de la respuesta del usuario

Cuando ejecutamos nuestra aplicación y pulsamos el botón de cambiar la imagen de bloqueo de pantalla nos mostrara un mensaje de si queremos cambiar nuestro fondo de pantalla. de esta formaBloqueo

 

Cambiando nuestro bloqueo de pantalla de esta forma :

3 bloqueo2

 

Y listo! Nos vemos en la proxima como siempre dejare el codigo sample para que puedan revisarlo!

Descargarlo Aquí🙂

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. 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 )

Google+ photo

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

Conectando a %s