Introduced
Different Windows Phone 7.5 (SDK 7.1) Application Bar
Overview
XAML Method Generation AppBar
Code method to generate and update AppBar
Resource Mode loading AppBar
Example
1, AppBar's overview
Summary.xaml
<phone: PhoneApplicationPage
x: Class = "Demo.ApplicationBarDemo.Summary"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns: x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns: phone = "clr-namespace: Microsoft.Phone.Controls; assembly = Microsoft.Phone"
xmlns: shell = "clr-namespace: Microsoft.Phone.Shell; assembly = Microsoft.Phone"
xmlns: d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns: mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
FontFamily = "{StaticResource PhoneFontFamilyNormal}"
FontSize = "{StaticResource PhoneFontSizeNormal}"
Foreground = "{StaticResource PhoneForegroundBrush}"
SupportedOrientations = "Portrait" Orientation = "Portrait"
mc: Ignorable = "d" d: DesignHeight = "768" d: DesignWidth = "480"
shell: SystemTray.IsVisible = "True">
<Grid x: Name = "LayoutRoot" Background = "Transparent">
<TextBlock TextWrapping = "Wrap">
<Run> AplicationBar overview </ Run>
<LineBreak />
<LineBreak />
<Run> 1. The address of the icon is similar to the following address: C: \ Program Files (x86) \ Microsoft SDKs \ Windows Phone \ v7.1 \ Icons \ </ Run>
<LineBreak />
<Run> 2, ApBar icon size 48 * 48, core image 26 * 26 so as not to overlap with the circle (the circle is automatically drawn by the system) </ Run>
<LineBreak />
<Run> 3. Note when designing icons: use white as the transparent background color, so that the system will automatically adapt to different theme backgrounds (now there are two types, dark and light) </ Run>
<LineBreak />
<Run> 4. The height of ApBar of DefaultSize is 72 pixels; the height of Minimized ApBAr is 30 pixels </ Run>
<LineBreak />
<Run> 5. The ApBar of DefaultSize will not display the prompt text of the button by default, it will be displayed after clicking the three dots on the right
</ TextBlock>
</ Grid>
</ phone: PhoneApplicationPage>