重新想象 Windows 8.1 Store Apps 之通知的新特性: 警报通知（闹钟）, Tile 的新特性


​​[源码下载]​​



重新想象 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 的基础请参见：  *   *   * 注：  * 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 通知详见：             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 的基础请参见*   *   * 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 创建）参见：  * 5、tile 基础（通过手工构造 xml）参见： * 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

​​[源码下载]​​