applicationbar opacity in mango

In mango, a common way of using the ApplicationBar is to minimize it and make it opaque. This minimizes the space used and also hints to the user that their is more content to scroll thru.

One “trick” the OS uses is to make the menu non-opaque when expanded

Here is how to do this, set your applicationBar’s opacity and attach the StateChanged event handler

<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar Opacity="0.9" Mode="Minimized" StateChanged="ApplicationBar_StateChanged">
        <shell:ApplicationBarIconButton IconUri="/Images/appbar.refresh.rest.png" Text="refresh" x:Name="refreshButton" Click="refreshButton_Click" />
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="about" x:Name="aboutButton" Click="aboutButton_Click" />
        </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

In this event handler, switch the opacity

private void ApplicationBar_StateChanged(object sender, Microsoft.Phone.Shell.ApplicationBarStateChangedEventArgs e)
{
    if (e.IsMenuVisible == true)
    {
        ApplicationBar.Opacity = 1.0;
    }
    else
    {
        ApplicationBar.Opacity = 0.9;
    }
}

Easy…

Comments

[louis vuitton outlet _lisa]

I would like to thank you for the efforts you've put in writing this blog. I'm hoping the same high-grade blog post from you in the upcoming also. Actually your creative writing skills has inspired me to get my own blog now. Really the blogging is spreading its wings fast. Your write up is a great example of it.louis vuitton damier replica

[swiss replica watches]

high replica breitling bentley watches
quality ,low cartier swiss replica watches
price, don't miss it replica panerai watches
...belive you can get it. replica tag heuer watches

[hublot replica watches]

I appreciate, cause I found {exactly|just} what I was looking for. {You have|You've} ended my {4|four} day long hunt! God Bless you man. Have a {nice|great} day. Hublot replica watches

[wuming]

thank for share,To recommend to you the replica patek philippe watches , replica tag heuer link and Breitling Navitimer replica Articles.

[louis vuitton designer sunglasses]

I like what you guys are up also. Such smart work and reporting! Carry on the excellent works guys I’ve incorporated you guys to my blogroll. I think it will improve the value of my web site :)louis vuitton designer sunglasses

[iwc replica]

Unique Patek Philippe replica watches are accessible in the best quality. Luxury Patek Philippe replica watches can fit to all your necessities. These watches have the equivalent design as the original Patek Philippe watches, and Patek Philippe replica watches are available in extremely conveniently and affordably priced. iwc replica

[Louis Vuitton monogram canvas]

A person essentially help to make seriously posts I would state. This is the first time I frequented your website page and thus far? I amazed with the research you made to make this particular publish incredible. Great job! Louis Vuitton monogram canvas

[louis vuitton wallets]

You actually make it seem so easy with your presentation but I find this matter to be actually something that I think I would never understand. It seems too complicated and extremely broad for me. I'm looking forward for your next post, I will try to get the hang of it!louis vuitton wallets

[rolex]

Your post was so wonderful that I decided to bookmark this site,
so I can easily access this blog for further updates.cheap louis vuitton scarves

[SkyvsGrubby]

I like your article,looking forwar to learning breitling navitimer
more in the future.And I will also gona posting here to share my opinion.

[sdfsdf]

fsdfsdfsdf sdfsd fsda fsa

[Kenny Thompson]

Thank you!

So simple yet adds a really nice touch.