[ストアアプリ][入門] Step54. バッジを表示する～グリフの表示～

Windows ストアアプリ

2015.02.24

今回は前回に引き続きバッジの表示について説明します。今回はグリフ（アイコン）を表示してみます。

グリフには様々な種類があります。どのようなグリフを表示できるのかはMicrosoftのグリフの概要を参照してください。

今回作成するコードでは、グリフとしてアラーム（鈴のマーク）を表示します。

以下にコードを示します。

VBの例

Imports Windows.UI.Notifications
Imports Windows.Data.Xml.Dom

Private Sub Page_Loaded(sender As Object, e As RoutedEventArgs)
    ShowBadge()
End Sub

Private Sub ShowBadge()
	'バッジを表示するためのテンプレートの選択
    Dim xml = BadgeUpdateManager.GetTemplateContent(BadgeTemplateType.BadgeGlyph)
    Dim element = DirectCast(xml.SelectSingleNode("/badge"), XmlElement)
    'バッジとしてグリフ（アラーム）を表示する設定
    element.SetAttribute("value", "alarm")

	'バッジを表示する
    Dim notification = New BadgeNotification(xml)
    Dim updater = BadgeUpdateManager.CreateBadgeUpdaterForApplication()
    updater.Update(notification)
End Sub

C#の例

using Windows.UI.Notifications;
using Windows.Data.Xml.Dom;

private void Page_Loaded(object sender, RoutedEventArgs e)
{
    ShowBadge();
}

private void ShowBadge()
{
    // バッジを表示するためのテンプレートの選択
    XmlDocument xml = BadgeUpdateManager.GetTemplateContent(BadgeTemplateType.BadgeGlyph);
    XmlElement element = (XmlElement)xml.SelectSingleNode("/badge");
    // バッジとしてグリフ（アラーム）を表示する設定
    element.SetAttribute("value", "alarm");

    // バッジを表示する
    BadgeNotification notification = new BadgeNotification(xml);
    BadgeUpdater updater = BadgeUpdateManager.CreateBadgeUpdaterForApplication();
    updater.Update(notification);
}

ShowBadgeメソッドを見ていきましょう。前回と異なるのは最初の3行です（コメントを除く）。最初にBadgeUpdateManagerでバッジの種類を設定します。今回はグリフを表示するのでBadgeTemplateType.BadgeGlyphを指定します。

次にグリフとしてアラームを表示するのでXMLのvalue属性に、表示する数字「alarm」を指定します。

実行例を以下に示します。タイル右下に数字「17」が表示されます。