重新想象 Windows 8.1 Store Apps (85) - 警报通知（闹钟）, Tile 的新特性

浏览数：38 / 时间：2015年06月11日

原文:重新想象 Windows 8.1 Store Apps (85) - 警报通知（闹钟）, Tile 的新特性

作者：webabcd

介绍
重新想象 Windows 8.1 Store Apps 之通知的新特性

警报通知（闹钟）
Tile 的新特性

示例
1、演示 win8.1 中新增的警报 toast（闹钟）
AlarmToast.xaml

<Page
    x:Class="Windows81.Notification.AlarmToast"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Windows81.Notification"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="Transparent">
        <StackPanel Margin="120 0 0 0">

            <TextBlock Name="lblMsg" FontSize="14.667" Margin="0 10 0 0" />

        </StackPanel>
    </Grid>
</Page>

AlarmToast.xaml.cs

/*
 * 演示 win8.1 中新增的警报 toast（闹钟）
 * 
 * 关于 toast 的基础请参见：http://www.cnblogs.com/webabcd/archive/2013/06/20/3145356.html
 * 
 * 
 * 注：
 * 1、需要在 manifest 中设置支持 toast 通知和锁屏通知
 * 2、需要在 manifest 中的 Application/Extensions 内做如下设置
 * <!--声明此 app 是一个“闹钟”应用，其会出现在“设置”->“电脑和设备”->“锁屏应用”->“选择要显示提醒的应用”列表中-->
   <m2:Extension Category="windows.alarm" />
   <!--为了演示 Notification/AlarmToast 需要如下设置一个后台任务-->
   <Extension Category="windows.backgroundTasks" EntryPoint="SampleForAlarmToast">
     <BackgroundTasks>
       <Task Type="audio" />
       <Task Type="timer" />
     </BackgroundTasks>
   </Extension>
 * 3、系统静音也能播放声音
 * 4、不受免打扰时间的限制
 */

using System;
using Windows.ApplicationModel.Background;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;

namespace Windows81.Notification
{
    public sealed partial class AlarmToast : Page
    {
        public AlarmToast()
        {
            this.InitializeComponent();

            this.Loaded += AlarmToast_Loaded;
        }

        protected async override void OnNavigatedTo(NavigationEventArgs e)
        {
            try
            {
                // 向系统请求成为闹钟应用的权限，会弹出确认对话框
                await AlarmApplicationManager.RequestAccessAsync().AsTask();

                // 获取当前应用程序的成为闹钟应用的权限（AlarmAccessStatus 枚举）
                //     Unspecified - 用户未响应应用程序设置警报的权限请求
                //     AllowedWithWakeupCapability - 用户已经为应用程序授予设置警报的权限，并且警报可以将计算机从待机状态唤醒
                //     AllowedWithoutWakeupCapability - 用户已经为应用程序授予设置警报的权限，但是警报无法将计算机从待机状态唤醒
                //     Denied - 用户已拒绝该应用程序设置警报的权限
                AlarmAccessStatus alarmAccessStatus = AlarmApplicationManager.GetAccessStatus();
                lblMsg.Text = alarmAccessStatus.ToString();
            }
            catch (Exception ex)
            {
                lblMsg.Text = ex.ToString();
            }
        }

        void AlarmToast_Loaded(object sender, RoutedEventArgs e)
        {
            // 关于 toast 通知详见：http://www.cnblogs.com/webabcd/archive/2013/06/20/3145356.html
            string toastXmlString =
                "<toast duration=\"long\">\n" +
                    "<visual>\n" +
                        "<binding template=\"ToastText02\">\n" +
                            "<text id=\"1\">text1</text>\n" +
                            "<text id=\"2\">text2</text>\n" +
                        "</binding>\n" +
                    "</visual>\n" +
                    "<commands scenario=\"alarm\">\n" + // 除了 alarm 还有 incomingCall
                        "<command id=\"snooze\"/>\n" + // snooze 代表在闹钟 toast 中显示“暂停”按钮（小睡一会）
                        "<command id=\"dismiss\"/>\n" + // dismiss 代表在闹钟 toast 中显示“取消”按钮
                    "</commands>\n" +
                    // 闹钟铃声: Notification.Default, Notification.IM, Notification.Mail, Notification.Reminder, Notification.SMS, Notification.Looping.Alarm, Notification.Looping.Alarm2, Notification.Looping.Alarm3, Notification.Looping.Alarm4, Notification.Looping.Alarm5, Notification.Looping.Alarm6, Notification.Looping.Alarm7, Notification.Looping.Alarm8, Notification.Looping.Alarm9, Notification.Looping.Alarm10, Notification.Looping.Call, Notification.Looping.Call2, Notification.Looping.Call3, Notification.Looping.Call4, Notification.Looping.Call5, Notification.Looping.Call6, Notification.Looping.Call7, Notification.Looping.Call8, Notification.Looping.Call9, Notification.Looping.Call10
                    "<audio src=\"Notification.Looping.Alarm2\" loop=\"true\" />\n" + 
                "</toast>\n";

            var toastDOM = new Windows.Data.Xml.Dom.XmlDocument();
            toastDOM.LoadXml(toastXmlString);

            var toastNotifier = Windows.UI.Notifications.ToastNotificationManager.CreateToastNotifier();
            // 闹钟 toast 提示出现后，如果点击“暂停”（snooze）按钮，则第 3 个参数指定的时间过后继续弹出闹钟 toast，本例是 120 秒
            var customAlarmScheduledToast = new Windows.UI.Notifications.ScheduledToastNotification(toastDOM, DateTime.Now.AddSeconds(5), TimeSpan.FromSeconds(120), 0); 
            toastNotifier.AddToSchedule(customAlarmScheduledToast);
        }
    }
}

2、win8.1 中的 tile 模板增加到 75 个
Tile.xaml

<Page
    x:Class="Windows81.Notification.Tile"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Windows81.Notification"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="Transparent">
        <Grid.Resources>
            <Style x:Key="ItemTitleStyle" TargetType="TextBlock">
                <Setter Property="FontSize" Value="14.667"/>
            </Style>

            <ItemsPanelTemplate x:Key="StoreFrontGridItemsPanelTemplate">
                <WrapGrid MaximumRowsOrColumns="3" VerticalChildrenAlignment="Top" HorizontalChildrenAlignment="Left"/>
            </ItemsPanelTemplate>

            <Style x:Key="StoreFrontTileStyle"  TargetType="GridViewItem">
                <Setter Property="FontFamily" Value="Segoe UI" />
                <Setter Property="Height" Value="310" />
                <Setter Property="Width" Value="310" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Margin" Value="5" />
                <Setter Property="HorizontalContentAlignment" Value="Left" />
                <Setter Property="VerticalContentAlignment" Value="Top" />
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="TabNavigation" Value="Local" />
            </Style>

            <DataTemplate x:Key="StoreFrontTileTemplate">
                <Grid HorizontalAlignment="Left" Background="Transparent">
                    <StackPanel Orientation="Vertical">
                        <TextBlock TextWrapping="Wrap" VerticalAlignment="Center" Text="{Binding FileName}" HorizontalAlignment="Left" />
                        <Image Source="{Binding Path}" Stretch="None" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0,10,0,0"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>
        </Grid.Resources>

        <!--显示 75 种不同的 Tile 模板-->
        <GridView x:Name="gridView" Margin="120 0 0 0"
            ItemTemplate="{StaticResource StoreFrontTileTemplate}"
            ItemContainerStyle="{StaticResource StoreFrontTileStyle}"
            ItemsPanel="{StaticResource StoreFrontGridItemsPanelTemplate}"
            BorderBrush="LightGray" VerticalAlignment="Top"
            ScrollViewer.VerticalScrollBarVisibility="Auto"
            ScrollViewer.HorizontalScrollBarVisibility="Auto" 
            SelectionMode="None" />
    </Grid>
</Page>

Tile.xaml.cs

/*
 * win8.1 中的 tile 模板增加到 75 个
 * 
 * 
 * 关于 tile 的基础请参见：http://www.cnblogs.com/webabcd/archive/2013/06/24/3151864.html
 * 
 * 
 * win 8.1 中 tile 的新特性如下：
 * 1、tile 分 4 种：小 = Square70x70, 中等 = Square150x150, 长方形 = Wide310x150, 大 = Square310x310
 * 2、可以在 manifest 中指定 app 安装后默认的 tile 类型
 * 3、使用 tile 模板时，其命名规则也变了，参见 NotificationsExtensions 项目（比如 win8 中的 TileSquareImage 在 win8.1 中变为了 TileSquare150x150Image）
 * 4、tile 基础（通过 NotificationsExtensions 创建）参见：http://www.cnblogs.com/webabcd/archive/2013/06/24/3151864.html
 * 5、tile 基础（通过手工构造 xml）参见：http://www.cnblogs.com/webabcd/archive/2013/06/17/3139740.html
 * 6、如果想要支持 Square310x310，则必须要支持 Wide310x150
 * 7、建议为缩放比例 0.8x、1x、1.4x 和 1.8x 提供相对应的资源，以达到更好的显示效果
 * 8、tile 的通知队列，除了 TileUpdater.EnableNotificationQueue() 外还支持只在指定大小的 tile 上启用 tile 队列：TileUpdater.EnableNotificationQueueForSquare150x150(), TileUpdater.EnableNotificationQueueForSquare310x310(), TileUpdater.EnableNotificationQueueForWide310x150()
 * 9、新增 SecondaryTile.PhoneticName，可以指定 SecondaryTile 的名字的拼音，系统将据此排序 UI 
 * 10、为了同时支持 win8 和 win8.1 新增了 fallback 属性，类似如下使用（找不到 TileSquare150x150Image 的话则用 TileSquareImage，找不到 TileWide310x150Image 的话则用 TileWideImage）
<tile>
  <visual version="2">
    <binding template="TileSquare150x150Image" fallback="TileSquareImage" branding="None">
      <image id="1" src="Assets/Images/w6.png"/>
    </binding>
    <binding template="TileWide310x150Image" fallback="TileWideImage" branding="None">
      <image id="1" src="Assets/Images/sq5.png"/>
    </binding>
    <binding template="TileSquare310x310Image" branding="None">
      <image id="1" src="Assets/Images/sq6.png"/>
    </binding>
  </visual>
</tile>
 */

using System;
using System.Linq;
using Windows.ApplicationModel;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;

namespace Windows81.Notification
{
    public sealed partial class Tile : Page
    {
        public Tile()
        {
            this.InitializeComponent();
        }

        protected async override void OnNavigatedTo(NavigationEventArgs e)
        {
            // Windows81/Notification/tiles 文件夹内 75 张图片分别用于演示 Tile 的 75 种模板

            var folder = await Package.Current.InstalledLocation.GetFolderAsync(@"Notification\tiles");
            var files = await folder.GetFilesAsync();

            var dataSource = from p in files
                             select new
                             {
                                 FileName = p.DisplayName,
                                 Path = "ms-appx:///Notification/tiles/" + p.Name
                             };

            gridView.ItemsSource = dataSource;
        }
    }
}