信息
您所需的主题如下所示。但此主题未包含在此库中。

如何动态更改 Windows Phone 的图标按钮和菜单项

2012/2/9

本主题介绍如何在运行时动态更改应用程序栏上的图标按钮和菜单项。由于应用程序栏不是 Silverlight 控件,因此应用程序栏不支持某些常见的控件功能,如数据绑定。这意味着您不能通过使用采用 XAML 设置的名称属性来更改图标按钮和菜单项文本。如果您想在运行时更改它们,则应该使用代码创建您的应用程序栏。有关更多信息,请参阅 Windows Phone 的应用程序栏概述

在这些过程中,您创建一个具有一个按钮的应用程序栏。当用户单击该按钮时,该按钮在播放和暂停之间切换。您更改该按钮的文本和图标。还创建一个菜单项并切换该菜单项的文本。

在此过程中,您添加用于该按钮的播放和暂停图标。有关更多信息,请参阅 Windows Phone 的应用程序栏图标按钮

添加图标按钮图像的步骤

  1. “解决方案资源管理器”中,右键单击项目,指向“添加”,然后单击“新文件夹”

  2. 将该文件夹命名为 Images

  3. “解决方案资源管理器”中,右键单击文件夹 Images,指向“添加”,然后单击“现有项”

  4. 浏览到以下位置之一来查找标准图标:

    C:\Program Files\Microsoft SDKs\Windows Phone\v7.0\Icons\dark

    C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.0\Icons\dark

  5. 选择以下文件,然后单击“添加”。根据显示的内容重命名这些文件。

    原始名称

    新名称

    appbar.transport.play.rest.png

    play.png

    appbar.transport.pause.rest.png

    pause.png

  6. “解决方案资源管理器”中,选择这两个新文件。

  7. “属性”窗口中,为这两个新文件设置下列属性。

    属性

    生成操作

    内容

    复制到输出目录

    如果较新则复制

在此过程中,您创建应用程序栏,并添加一个按钮和一个菜单项。有关更多信息,请参阅如何在 Windows Phone 的代码中创建应用程序栏

采用代码创建应用程序栏的步骤

  1. 在编辑器中打开您页面的代码隐藏文件。

  2. 在代码的顶部,添加以下语句。

    using Microsoft.Phone.Shell;
    
  3. 在页面的构造函数中,在对 InitializeComponent 的调用之后,添加以下代码。该代码初始化一个新的应用程序栏对象,创建按钮和菜单项,设置初始文本和图标并标识单击事件处理程序。

    ApplicationBar = new ApplicationBar();
    
    ApplicationBarIconButton button1 = new ApplicationBarIconButton();
    button1.IconUri = new Uri("/Images/play.png", UriKind.Relative);
    button1.Text = "play";
    ApplicationBar.Buttons.Add(button1);
    button1.Click += new EventHandler(button1_Click);
    
    ApplicationBarMenuItem menuItem1 = new ApplicationBarMenuItem();
    menuItem1.Text = "menu item state 0";
    ApplicationBar.MenuItems.Add(menuItem1);
    menuItem1.Click += new EventHandler(menuItem1_Click);
    
  4. 向页面中添加下面的代码。这些是单击事件处理程序。在下面的过程中向这些方法中添加代码。

    private void button1_Click(object sender, EventArgs e)
    {
    }
    
    private void menuItem1_Click(object sender, EventArgs e)
    {
    }
    
    

在这些过程中,您更改图标按钮图像、图标按钮文本和菜单项文本。按钮和菜单项都是应用程序栏对象的集合。由于您知道创建按钮和菜单项的顺序,并且集合非常小,访问这些对象的最简单方法是按它们在集合中的位置。

在这些过程中,您向单击事件中添加仅用于测试的代码。在您自己的应用程序中,只要需要,您就可以使用该代码。

动态更改图标按钮的步骤

  1. 将下面的代码添加到按钮单击事件中。

    private void button1_Click(object sender, EventArgs e)
    {
        ApplicationBarIconButton btn = (ApplicationBarIconButton)ApplicationBar.Buttons[0];
    
        if (btn.Text == "play")
        {
            btn.Text="pause";
            btn.IconUri = new Uri("/Images/pause.png", UriKind.Relative);
        }
        else if(btn.Text == "pause")
        {
            btn.Text="play";
            btn.IconUri = new Uri("/Images/play.png", UriKind.Relative);
        }
    }
    
  2. 保存、生成和运行您的应用程序。

  3. 多次单击该按钮以验证图标和文本是否同时更改,之后是否又更改回来。

动态更改菜单项的步骤

  1. 将下面的代码添加到菜单项单击事件中。

    private void menuItem1_Click(object sender, EventArgs e)
    {
        ApplicationBarMenuItem mi = (ApplicationBarMenuItem)ApplicationBar.MenuItems[0];
    
        if (mi.Text == "menu item state 0")
        {
            mi.Text="menu item state 1";
        }
        else if(mi.Text == "menu item state 1")
    {
            mi.Text="menu item state 0";
        }
    }
    
  2. 保存、生成和运行您的应用程序。

  3. 多次单击该菜单项以验证文本是否更改,之后是否又更改回来。

显示:
© 2014 Microsoft