如何在设计器中显示Windows Phone 8的菜单栏(ApplicationBar)

最近正式开始玩WP开发，把一些小技巧和经验写成单独的一篇篇文章，虽然很菜，

通常，我们新建一个Windows Phone应用程序后，菜单栏的代码默认是在MainPage.xaml.cs文件中的。只要取消模板里的这些注释就能在运行时看到菜单栏。

但是这么做有个缺点，就是无法在设计器里直观的看到菜单栏，不便于我们设计和调整UI。其实我们不必使用后台代码来实现菜单栏。它可以直接定义在xaml文件里。打开MainPage.xaml，在LayoutRoot的Grid之外（注意不要定义在Grid里边），加入代码：

<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar StateChanged="ApplicationBarStateChanged">
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="Shit Item" Click="MenuItemClick" />
        </shell:ApplicationBar.MenuItems>
        <shell:ApplicationBarIconButton 
                IconUri="/Assets/appbar.smiley.tounge.png" 
                Text="Fuck Me" 
                Click="ButtonClick"/>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

这样我们就能在设计器里得到一个菜单栏了。

要做半透明的菜单栏也很方便，只要给shell:ApplicationBar加上Opacity="0.5"属性，0.5就是50%透明。