03 wp7 application bar

Windows Phone 7
Li Jingnan / Wang Tao
2011-7-15
1

2 days
2

about
anytao| Ethos
<ethos:Member
id = “Wang Tao”
msn = anytao@live.com
weibo = http://weibo.com/anytao
runat = “Senior System Architect”
/>
Jason | Ethos
<ethos:Member
id = “Li Jingnan”
msn = zengnami@hotmail.com
weibo= http://weibo.com/jn1981
runat = “SE”
/>

about
http://book.anytao.net

03 application bar
Wang Tao / 2011-07-15

session outline
application bar
navigation
overview
frame & page
application bar
overview
page navigation
methods
query string
goback

navigations
7

frame & page
PhoneApplicationFrame
Top Container: PhoneApplicationFrame
Including:
Page control
System Tray
Application Bar
PhoneApplicationPage
Fill content of Frame
Page inherit from PhoneApplicationPage
Including:
Title
Application Bar
8

ApplicationBar
use ApplicationBar instead of creating you own menu system
ApplicationBarIconButton
up to 4buttons
don’t fill all 4 slots if not need
size: 48×48
ApplicationBarMenuItem
up to 5 menus
avoid long text
9

Application Bar in xaml
10

ApplicationBar and Landscope
11

Application Bar opacity
12

page navigation
13
Silverlight on Windows Phone
Similar like web page
Navigate by URI
Stateless
private void hyperlinkButton1_Click
(object sender, RoutedEventArgs e)
{
NavigationService.Navigate(
new Uri("/SecondPage.xaml", UriKind.RelativeOrAbsolute));
}

navigation method
OnNavigatingFrom
OnNavigatedFrom
OnNavigatedTo
14

query string
send query string
private void passParam_Click(object sender, RoutedEventArgs e)
{
NavigationService.Navigate(new Uri("/SecondPage.xaml?msg=" + textBox1.Text, UriKind.Relative));
}
get query string
protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
{
base.OnNavigatedTo(e);
string msg = string.Empty;
if (NavigationContext.QueryString.TryGetValue("msg", out msg))
textBlock1.Text = msg;
}
15

go back
private void button1_Click
(object sender, RoutedEventArgs e)
{
NavigationService.GoBack();
}
16

navigate in UserControl
17

demo
18
/ app bar
/ app bar menu
/ landscape
/ navigation service
02 application bar

practice
19
build your context menu

20
thank youwww.anytao.com

http://www.cnblogs.com	670
http://archive.cnblogs.com	3
http://media.java123.net	3
http://www.haogongju.net	2
http://www.byywee.com	1

03 wp7 application bar

by Tao on Jul 19, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 679

Statistics

03 wp7 application bar — Presentation Transcript