×
Namespaces

Variants
Actions
Revision as of 08:16, 30 November 2012 by hamishwillee (Talk | contribs)

Changing the Background and Foreground Colors of Application Bar in WP

From Nokia Developer Wiki
Jump to: navigation, search
SignpostIcon XAML 40.png
WP Metro Icon WP8.png
SignpostIcon WP7 70px.png
Article Metadata
Tested with
SDK: Windows Phone 7.1 SDK
Devices(s): Nokia Lumia 800
Compatibility
Platform(s): Windows Phone 7.5 (Mango)
Windows Phone 8
Windows Phone 7.5
Article
Created: sreerajvr (05 Apr 2012)
Last edited: hamishwillee (30 Nov 2012)

Introduction

This article shows how to change the foreground and background colour of the Windows Phone Application Bar, in XAML.

XAML

<phone:PhoneApplicationPage.ApplicationBar>
<shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Opacity="0.75" ForegroundColor="Green" BackgroundColor="Cyan" >
<shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
<shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
<shell:ApplicationBar.MenuItems>
<shell:ApplicationBarMenuItem Text="MenuItem 1"/>
<shell:ApplicationBarMenuItem Text="MenuItem 2"/>
</shell:ApplicationBar.MenuItems>
</shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

Summary

You can provide your colours with changing the attributes Opacity, Foreground and Background in the XAML.

573 page views in the last 30 days.
×