Written by Pham Nguyen

Lock screen notification trong Windows Phone 8

I. Introduction

Ở bài viết trước mình cũng đã chia sẻ cơ bản về một trong những tính năng mới của Lock screen cụ thể là vể Lock screen background, trong bài viết này mình xin chia sẻ cách tích hợp Notification vào Lock screen trong Windows Phone 8

II. Fundamental

Trước tiên chúng ta tạo một Project đơn giản, sau đó Design giao diện cho Project này đơn giản gồm một Button để khi click vào sẽ update tile của ứng dụng. sau đây là code xử lý cho sự kiện click:

private void btnUpdateTile_Click(object sender, RoutedEventArgs e)

{

    ShellTile primaryTile = ShellTile.ActiveTiles.FirstOrDefault();

    ShellTileData tileData = new FlipTileData() { 

        Count = 10, 

        BackContent=String.Format("You are updated lock screen at {0}",DateTime.Now) };

    primaryTile.Update(tileData);

}

tiếp theo các bạn click vào file WMAppManifest.xml để tùy chỉnh một số thông tin cho hub tile nhé.

image

OK bây giờ các bạn chạy ứng dụng và click vào Button Update thì chắc chắn tile của ứng dụng đã được cập nhật

image

image

Để hiển thị thông tin Nofitication vào lock screen chúng ta cũng làm như đối với clock screen background, các bạn chọn chuột phải vào WMAppManifest.xml –> ViewCode->thêm đoạn code Extensions sau thẻ Tokens: 

<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>

Ngoài ra để thể hiện Icon của ứng dụng ngoài Lockscreen chúng ta phải thêm một đoan code DeviceLockImageUrl trong thẻ Tokens

<Tokens>

     <PrimaryToken TokenID="LockScreenToken" TaskName="_default">

       <TemplateFlip>

         <SmallImageURI IsRelative="true" IsResource="false">Assets\Tiles\FlipCycleTileSmall.png</SmallImageURI>

         <Count>0</Count>

         <BackgroundImageURI IsRelative="true" IsResource="false">Assets\Tiles\FlipCycleTileMedium.png</BackgroundImageURI>

         <Title>Lock screen demo</Title>

         <BackContent>

         </BackContent>

         <BackBackgroundImageURI>

         </BackBackgroundImageURI>

         <BackTitle>

         </BackTitle>

         <!--Insert quick icon status here -->

         <DeviceLockImageURI IsRelative="true" IsResource="false">Assets\nice.png</DeviceLockImageURI>

         <HasLarge>

         </HasLarge>

       </TemplateFlip>

     </PrimaryToken>

   </Tokens>

bây giờ chạy ứng dụng lại và sau đó vào Settings-> Lock Screen để chọn cho phép Notification ứng dụng hiển thiện ngoài lock screen :

image

Cuối cùng là ra lock screen là thưởng thức kết quả (thao tác khóa màn hình emulator nếu bạn nào chưa biết thì tham khảo bài Lock screen background trong Windows Phone 8 nhé) :

image

Hy vọng bài viết sẽ hữu ích với các bạn !

Leave a comment