windowsphone开发系统托盘和应用栏.docx
《windowsphone开发系统托盘和应用栏.docx》由会员分享,可在线阅读,更多相关《windowsphone开发系统托盘和应用栏.docx(15页珍藏版)》请在冰豆网上搜索。
windowsphone开发系统托盘和应用栏
系统托盘
系统托盘仅仅显示一些系统的状态,有时候我们要隐藏它,用下面的代码:
1
this.SetValue(SystemTray.IsVisibleProperty,!
(bool)this.GetValue(SystemTray.IsVisibleProperty));
注意不要忘了引入Microsoft.Phone.Shell这一命名空间。
应用程序栏
1、使用XAML生成应用程序栏
Windows Phone SDK附带的页面模板包含被注释掉的示例应用程序栏的XAML。
取消XAML的注释以创建应用程序栏。
如:
01
PhoneApplicationPage.ApplicationBar>
02
ApplicationBar IsVisible="True" IsMenuEnabled="True">
03
ApplicationBarIconButton IconUri="/Images/appbar_button1.png"Text="Button1"/>
04
ApplicationBarIconButton IconUri="/Images/appbar_button2.png"Text="Button2"/>
05
ApplicationBar.MenuItems>
06
ApplicationBarMenuItem Text="MenuItem1"/>
07
ApplicationBarMenuItem Text="MenuItem2"/>
08
ApplicationBar.MenuItems>
09
ApplicationBar>
10
PhoneApplicationPage.ApplicationBar>
增删改点内容就可以用了,要注意引用的图片需要把属性修改为content。
2、使用C#生成应用程序栏
有时应用程序栏需要根据用户的操作来改变应用程序栏的一些设置,这样通过XAML生成应用程序栏就行不通了,所以需要通过C#来生成应用程序栏。
(1)在代码的顶部,添加Microsoft.Phone.Shell这一命名空间。
1
using Microsoft.Phone.Shell;
(2)在页面的构造函数中,在对InitializeComponent的调用之后,添加以下代码。
该代码初始化新的 ApplicationBar 对象并将该对象分配给页面的 ApplicationBar 属性。
1
ApplicationBar= new ApplicationBar();
(3)设置所需的应用程序栏属性。
1
ApplicationBar.Mode=ApplicationBarMode.Default;
2
ApplicationBar.Opacity=1.0;
3
ApplicationBar.IsVisible= true;
4
ApplicationBar.IsMenuEnabled= true;
(4)根据需要创建一个或多个 ApplicationBarIconButton 对象。
设置图标图像和按钮文本,然后将它们添加到应用程序栏。
如果您未设置按钮文本,则会发生运行时异常。
1
ApplicationBarIconButtonbutton1= new ApplicationBarIconButton();
2
button1.IconUri= new Uri("/Images/YourImage.png",UriKind.Relative);
3
button1.Text= "button1";
4
ApplicationBar.Buttons.Add(button1);
(5)菜单项是可选的。
根据需要创建一个或多个 ApplicationBarMenuItem 对象。
设置文本,然后将它们添加到应用程序栏。
1
ApplicationBarMenuItemmenuItem1= new ApplicationBarMenuItem();
2
menuItem1.Text= "menuitem1";
3
ApplicationBar.MenuItems.Add(menuItem1);
(6)下面是一个已完成的应用程序栏示例。
01
public MainPage()
02
{
03
InitializeComponent();
04
05
ApplicationBar= new ApplicationBar();
06
07
ApplicationBar.Mode=ApplicationBarMode.Default;
08
ApplicationBar.Opacity=1.0;
09
ApplicationBar.IsVisible= true;
10
ApplicationBar.IsMenuEnabled= true;
11
12
ApplicationBarIconButtonbutton1= new ApplicationBarIconButton();
13
button1.IconUri= new Uri("/Images/YourImage.png",UriKind.Relative);
14
button1.Text= "button1";
15
ApplicationBar.Buttons.Add(button1);
16
17
ApplicationBarMenuItemmenuItem1= new ApplicationBarMenuItem();
18
menuItem1.Text= "menuitem1";
19
ApplicationBar.MenuItems.Add(menuItem1);
20
}
(7)对于每个图标按钮和菜单项,确定用户单击时要调用的事件。
下面是来自上一过程的、确定了单击事件的应用程序栏的示例。
01
ApplicationBarIconButtonbutton1= new ApplicationBarIconButton();
02
button1.IconUri= new Uri("/Images/YourImage.png",UriKind.Relative);
03
button1.Text= "button1";
04
ApplicationBar.Buttons.Add(button1);
05
button1.Click+= new EventHandler(button1_Click);
06
07
ApplicationBarMenuItemmenuItem1= new ApplicationBarMenuItem();
08
menuItem1.Text= "menuitem1";
09
ApplicationBar.MenuItems.Add(menuItem1);
10
menuItem1.Click+= new EventHandler(menuItem1_Click);
(8)对于每个图标按钮和菜单项,添加用户单击时要调用的事件。
在页面类中添加代码。
下面是来自上一过程的应用程序栏的单击事件示例。
01
private void button1_Click(object sender,EventArgse)
02
{
03
MessageBox.Show("Button1works!
");
04
//Doworkforyourapplicationhere.
05
}
06
07
private void menuItem1_Click(object sender,EventArgse)
08
{
09
MessageBox.Show("Menuitem1works!
");
10
//Doworkforyourapplicationhere.
11
}
3、透明度
透明度可以设置为0到1的数值,但是推荐使用0,0.5或者是1。
如:
1
shell:
ApplicationBarIsVisible=“True”IsMenuEnabled=“True”Opacity=“0.5”
4、使用ExpressionBlend创建应用程序栏
(1)先解开注释掉的ApplicationBar;
(2)右键该页面使用ExpressionBlend打开;
(3)打开此页面后,看到ExpressionBlend左边的面板上ObjectsandTimeline面板;
(4)如上面板的内容,微软为我们默认添加了两个ApplicationBarIconButton(最多四个)和两个ApplicationBarMenuItem,下面编辑这四个节点的内容,并为其添加点击事件和图片内容。
点击第一个ApplicationBarMenuItem,中间的显示图效果自动定位并显示,如下图:
(5)视角右移到右上角,并选中第一个选项卡:
元素属性,面板的最右边有两个选择图标。
如下图所示,蓝色箭头代码元素的基本属性(包括Name和Text,其他UI有更多属性这里不详细介绍),红色箭头代表该元素的事件;
(6)好了,认识了一些基本的原理,下面来改改吧,将Name改为“AboutApplicationBar”。
然后,将对应的Text改为“关于”。
转到事件面板,双击它,它会自动帮我们在CS代码里面生成一个事件句柄,像这样:
(7)根据上面的操作,将下面的ApplicationBarMenuItem改为“查看图片”的菜单。
下面来做ApplicationBarIconButton,具体操作跟上面是一致的,唯一区别的是ApplicationBarIconButton需要一个图片资源,利用ExpresssionBlend可以很方便的为其添加图片资源,并且这些图片资源都是微软建议使用的图片,选中ApplicationBarIconButton会看到面板属性比上面的MenuItem多了一个属性,如下图这个属性是一个图片的地址,并且它是一个下拉框允许我们选择,看看图吧:
ps:
这些图片位于C:
\ProgramFiles\MicrosoftSDKs\WindowsPhone\v7.0\Icons目录。
补充:
(1)由于应用程序栏不是Silverlight控件,并不继承自FrameworkElement,因此应用程序栏不支持某些常见的控件功能,如数据绑定。
这意味着不能通过使用XAML格式的名称属性来更改图标按钮和菜单项。
如果您希望在运行时动态修改文本或图标,则应该使用C#或VisualBasic创建应用程序栏,详见上面的通过C#生成应用程序栏。
(2)在有些情况下我们会需要提供横跨整个应用程序的通用功能,这样,如果一个一个页面的显示ApplicationBar,这样效率很低,所以可以写一个通用的ApplicationBar,提供给整个应用程序使用。
由于是提供给整个应用程序使用,所以需要在App.xaml注册,如:
01
--注册应用程序栏-->
02
ApplicationBar x:
Key="MainAppBar" IsVisible="True">
03
--菜单项Abou-->
04
ApplicationBar.MenuItems>
05
ApplicationBarMenuItem Text="About"Click="ApplicationBarMenuItem_Click"/>
06
ApplicationBar.MenuItems>
07
08
--应用程序条按钮-->
09
ApplicationBar.Buttons>
10
ApplicationBarIconButton Text="Web" IconUri="ie_icon.png"Click="ApplicationBarIconButton_Click"/>
11
ApplicationBarIconButton Text="Images"IconUri="pictures_Icon.png" Click="ImageEvent_Click"/>
12
ApplicationBar.Buttons>
13
ApplicationBar>
进入APP.xaml.cs在自动生成的事件中,键入代码:
01
private void ApplicationBarMenuItem_Click(object sender,EventArgse)
02
{
03
PhoneApplicationFrameroot=Application.Current.RootVisual asPhoneApplicationFrame;
04
root.Navigate(new Uri("/About",UriKind.Relative));
05
}
06
07
private void ApplicationBarIconButton_Click(object sender,EventArgse)
08
{
09
10
}
11
12
private void ImageEvent_Click(object sender,EventArgse)
13
{
14
PhoneApplicationFrameroot=Application.Current.RootVisual asPhoneApplicationFrame;
15
root.Navigate(new Uri("/Pictures",UriKind.Relative));
16
}
这样ApplicationBar就已经注册好了,在需要显示应用程序栏的页面的phone:
PhoneApplicationPage节点指定ApplicationBar来源,比如本文的指定方式:
01
PhoneApplicationPage
02
x:
Class="DataBind.MainPage"
03
xmlns="
04
xmlns:
x="
05
xmlns:
phone="clr-namespace:
Microsoft.Phone.Controls;assembly=Microsoft.Phone"
06
xmlns:
shell="clr-namespace:
Microsoft.Phone.Shell;assembly=Microsoft.Phone"
07
xmlns:
d="
08
xmlns:
mc="http:
//schemas.openxmlformats.org/markup-compatibility/2006"
09
mc:
Ignorable="d" d:
DesignWidth="480" d:
DesignHeight="768"
10
FontFamily="{StaticResourcePhoneFontFamilyNormal}"
11
FontSize="{StaticResourcePhoneFontSizeNormal}"
12
Foreground="{StaticResourcePhoneForegroundBrush}"
13
SupportedOrientations="Portrait" Orientation="Portrait"
14
shell:
SystemTray.IsVisible="True"
15
ApplicationBar="{StaticResourceMainAppBar}"
16
>
原文链接: