Windows Phone 实用开发技巧(17):自定义应用程序的Tile
程序员文章站
2022-09-17 22:29:23
在Windows Phone 7 (Nodo)之前的版本中,我们在应用程序列表中长按某个应用程序的时候,会弹出“Pin To Start”的选择,选中后系统...
在Windows Phone 7 (Nodo)之前的版本中,我们在应用程序列表中长按某个应用程序的时候,会弹出“Pin To Start”的选择,选中后系统会将该应用程序的快捷方式Pin到启动界面中,类似于Windows 上的桌面快捷方式。那时候呈现在启动界面的图片是应用程序中的Background.png,如果你没有改变该变片的话,Pin到Start中的图片大致如下:
在Mango中,我们可以做的更多(在Nodo中我们仅能改变背景图片和应用程序的显示名字),在Mango中,我们可以:
1. 动态更新Pin 到桌面的背景图片
2. 创建一个Secondary的Tile,让我们的Tile 变得更加Live
3. 可以使用Back Agent动态更新Count
马宁大大给出了一篇很好的入门文章《马宁的Windows Phone 7.1初体验(三)——Tile》
下面讲讲稍微高级一点的知识
1. 在代码中合成图片
我在项目中会用到如下三张图片:
第一张BackBg.png是用于Secondary Tile的背景图片,用于和第三张图片合成,生成一张新的Secondary Tile的背景图片,中间一张图片即Tile的背景图片,最终的效果图如下图:
合成图片的思想是利用WriteableBitmap可以将UIElement保存为图片,下面是详细代码:
public static string CreateBackground()
{
Grid grid = new Grid
{
Background = new ImageBrush
{
ImageSource = new BitmapImage
{
UriSource = new Uri("/mangTile;component/Images/BackBg.png", UriKind.Relative),
CreateOptions = BitmapCreateOptions.IgnoreImageCache
}
},
Width = 173,
Height = 173
};
Image profileImg = new Image
{
Height=48,
Width=48,
Source = new BitmapImage
{
UriSource = new Uri("/mangTile;component/Images/u97911.jpg", UriKind.Relative),
CreateOptions = BitmapCreateOptions.IgnoreImageCache
},
};
grid.Children.Add(profileImg);
grid.Arrange(new Rect(0d, 0d, 173, 173));
WriteableBitmap wbmp = new WriteableBitmap(grid, null);
string tiledirectory = "Shared/ShellContent/tiles";//note :父目录必须是Shared/ShellContent
string fullPath = tiledirectory + @"/" + "LiveTile.jpg";
using (var store = IsolatedStorageFile.GetUserStoreForApplication())
{
if (!store.DirectoryExists(tiledirectory))
{
store.CreateDirectory(tiledirectory);
}
using (var stream = store.OpenFile(fullPath, System.IO.FileMode.OpenOrCreate))
{
wbmp.SaveJpeg(stream, 173, 173, 0, 100);
}
}
return "isostore:/" + fullPath;}
StandardTileData std = new StandardTileData
{
BackgroundImage=new Uri("/Background.png"),
Title = "",
BackTitle = "Secondary",
BackBackgroundImage = new Uri(CreateBackground())
};
ShellTile.Create(new Uri("/MainPage.xaml", UriKind.Relative),std);
2. ShellTile 的ActiveTiles属性
MSDN的解释为Contains the collection of an applications tiles pinned to Start. 就是包含应用程序已经Pin to start的集合,要注意的是:
第一、指的是当前的应用程序,而不是所有的应用程序
第二、不管你的应用程序有没有Pin To Start, ActiveTiles中始终包含一个默认的Tile(Uri为”/“),而且始终为第一个
第三、如果你讲Uri为“/MainPage.xaml”Pin到桌面了,则ActiveTiles包含两个Tile(Uri分别为“/”与/MainPage.xaml)
源代码下载 http://up.2cto.com/2012/0109/20120109045920546.rar
作者:Alexis
在Mango中,我们可以做的更多(在Nodo中我们仅能改变背景图片和应用程序的显示名字),在Mango中,我们可以:
1. 动态更新Pin 到桌面的背景图片
2. 创建一个Secondary的Tile,让我们的Tile 变得更加Live
3. 可以使用Back Agent动态更新Count
马宁大大给出了一篇很好的入门文章《马宁的Windows Phone 7.1初体验(三)——Tile》
下面讲讲稍微高级一点的知识
1. 在代码中合成图片
我在项目中会用到如下三张图片:
第一张BackBg.png是用于Secondary Tile的背景图片,用于和第三张图片合成,生成一张新的Secondary Tile的背景图片,中间一张图片即Tile的背景图片,最终的效果图如下图:
合成图片的思想是利用WriteableBitmap可以将UIElement保存为图片,下面是详细代码:
public static string CreateBackground()
{
Grid grid = new Grid
{
Background = new ImageBrush
{
ImageSource = new BitmapImage
{
UriSource = new Uri("/mangTile;component/Images/BackBg.png", UriKind.Relative),
CreateOptions = BitmapCreateOptions.IgnoreImageCache
}
},
Width = 173,
Height = 173
};
Image profileImg = new Image
{
Height=48,
Width=48,
Source = new BitmapImage
{
UriSource = new Uri("/mangTile;component/Images/u97911.jpg", UriKind.Relative),
CreateOptions = BitmapCreateOptions.IgnoreImageCache
},
};
grid.Children.Add(profileImg);
grid.Arrange(new Rect(0d, 0d, 173, 173));
WriteableBitmap wbmp = new WriteableBitmap(grid, null);
string tiledirectory = "Shared/ShellContent/tiles";//note :父目录必须是Shared/ShellContent
string fullPath = tiledirectory + @"/" + "LiveTile.jpg";
using (var store = IsolatedStorageFile.GetUserStoreForApplication())
{
if (!store.DirectoryExists(tiledirectory))
{
store.CreateDirectory(tiledirectory);
}
using (var stream = store.OpenFile(fullPath, System.IO.FileMode.OpenOrCreate))
{
wbmp.SaveJpeg(stream, 173, 173, 0, 100);
}
}
return "isostore:/" + fullPath;}
StandardTileData std = new StandardTileData
{
BackgroundImage=new Uri("/Background.png"),
Title = "",
BackTitle = "Secondary",
BackBackgroundImage = new Uri(CreateBackground())
};
ShellTile.Create(new Uri("/MainPage.xaml", UriKind.Relative),std);
2. ShellTile 的ActiveTiles属性
MSDN的解释为Contains the collection of an applications tiles pinned to Start. 就是包含应用程序已经Pin to start的集合,要注意的是:
第一、指的是当前的应用程序,而不是所有的应用程序
第二、不管你的应用程序有没有Pin To Start, ActiveTiles中始终包含一个默认的Tile(Uri为”/“),而且始终为第一个
第三、如果你讲Uri为“/MainPage.xaml”Pin到桌面了,则ActiveTiles包含两个Tile(Uri分别为“/”与/MainPage.xaml)
源代码下载 http://up.2cto.com/2012/0109/20120109045920546.rar
作者:Alexis
推荐阅读
-
Windows Phone 实用开发技巧(17):自定义应用程序的Tile
-
Windows Phone 实用开发技巧(20):ApplicationBar 的Text国际化
-
Windows Phone 实用开发技巧(10):Windows Phone 中处理图片的技巧
-
Windows Phone 实用开发技巧(11):让StackPanel中的控件靠右对齐
-
Windows Phone 实用开发技巧(26):对DataTemplate中的元素播放动画
-
Windows Phone 实用开发技巧(13):自定义Element Binding
-
Windows Phone 实用开发技巧(9):自定义Windows Phone 页面切换动画
-
Windows Phone 实用开发技巧(5):让你的手机在运行应用程序运行时不自动锁屏
-
Windows Phone实用开发技巧(20):ApplicationBar 的Text国际化
-
Windows Phone实用开发技巧(17):自定义应用程序的Tile