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

[源码下载]

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

作者：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;
}
}
}

OK
[源码下载]