1. 宽满屏,高60像素
2.文字、图标总是白色(不论黑色主题还是白色主题),背景色为Accent Color
3. 第一行高27,显示时间(且只显示时间,不会显示网络、电量等信息)。显示的时间和system tray的时间重合——竖屏时居左,横屏时靠近手机顶部(注意不是页面顶部)。显示效果跟当前页面显示效果无关
4. 第二行高33,内容由3部分组成:icon,文字1, 文字2.
icon宽高均为28,Margin=(24, 0, 0, 5)
文本1字号20,FontWeight="Bold",Margin=(16, 1, 0, 0)
文本1字号20,Margin=(16, 1, 0, 0)
5. 显示10秒后自动关闭,关闭动画为向上滑动收起。
6. 点击进入对应程序。点击时初背景外的部分有倾斜效果
7. 向右滑动关闭。滑动阀值为175像素。向右flick同样关闭。
模拟一个布局
<Grid Height="60" HorizontalAlignment="Stretch" Margin="0" Name="grid1" VerticalAlignment="Top" Background="{StaticResource PhoneAccentBrush}" >
<Grid.RowDefinitions>
<RowDefinition Height="27"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<TextBlock Name="line1_1" Margin="10 0" Foreground="White" Text="16:14" FontSize="20" HorizontalAlignment="Right" />
<Grid Grid.Row="1" Name="line2" ManipulationCompleted="line2_ManipulationCompleted">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Image Width="28" Height="28" Source="ApplicationIcon.png" VerticalAlignment="Top" Margin="24 0 0 0" />
<TextBlock Grid.Column="1" Name="line2_2" Margin="16 1 0 0" Foreground="White" Text="你好" FontSize="20" HorizontalAlignment="Right" FontWeight="SemiBold" />
<TextBlock Grid.Column="2" Name="line2_3" Margin="16 1 0 0" Foreground="White" Text="哈哈第一行高27,显示时间(且只显示时间,不会显示网络、电量等信息)。显示的时间和system tray的时间重合——竖屏时居左,横屏时靠近手机顶部" FontSize="20" HorizontalAlignment="Right" />
</Grid>
</Grid>