03 wp7 application bar

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

Upload: tao-wang

Post on 21-May-2015

538 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: 03 wp7   application bar

Windows Phone 7

Li Jingnan / Wang Tao2011-7-15

1

Page 2: 03 wp7   application bar

Windows Phone Microsoft Corporation.

2 days 9:00 Introduction Anytao

10:30 Build a Silverlight Application Jason

13:00 Application Bar Anytao

14:30 Panorama and Pivots Jason

16:00 Launcher and Chooser Jason

9:00 Isolation Storage Anytao

10:30 Application Lifecycle Jason

13:00 Push Notification Anytao

14:30 Multitasking Jason

16:00 Local Database Anytao

9:00 Design Apps Using Expression Blend and Metro Jason

10:30 Marketing your Windows Phone Application Jason

13:00 Working with Azure Anytao

2

Page 3: 03 wp7   application bar

Windows Phone Microsoft Corporation.

about

anytao | Ethos

<ethos:Member id = “Wang Tao” msn = [email protected] weibo = http://weibo.com/anytao runat = “Senior System Architect”/>

Jason | Ethos

<ethos:Member id = “Li Jingnan” msn = [email protected] weibo = http://weibo.com/jn1981 runat = “SE”/>

Page 4: 03 wp7   application bar

Windows Phone Microsoft Corporation.

abouthttp://book.anytao.net

Page 5: 03 wp7   application bar

03 application bar

Wang Tao / 2011-07-15

Page 6: 03 wp7   application bar

Windows Phone Microsoft Corporation.

session outlineapplication bar

overview frame & page application bar

navigation

overview page navigation

methods query string goback

Page 7: 03 wp7   application bar

Windows Phone Microsoft Corporation.

navigations

7

Page 8: 03 wp7   application bar

Windows Phone Microsoft Corporation.

frame & page

8

PhoneApplicationFrame Top Container:

PhoneApplicationFrame Including:

Page control System Tray Application Bar

PhoneApplicationPage Fill content of Frame Page inherit from

PhoneApplicationPage Including:

Title Application Bar

Page 9: 03 wp7   application bar

Windows Phone Microsoft Corporation.

ApplicationBar

9

use ApplicationBar instead of creating you own menu system

ApplicationBarIconButton up to 4 buttons don’t fill all 4 slots if not

need size: 48×48

ApplicationBarMenuItem up to 5 menus avoid long text

Page 10: 03 wp7   application bar

Windows Phone Microsoft Corporation.10

Application Bar in xaml

Page 11: 03 wp7   application bar

Windows Phone Microsoft Corporation.11

ApplicationBar and Landscope

Page 12: 03 wp7   application bar

Windows Phone Microsoft Corporation.12

Application Bar opacity

Page 13: 03 wp7   application bar

Windows Phone Microsoft Corporation.

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)); }

Page 14: 03 wp7   application bar

Windows Phone Microsoft Corporation.

navigation method

14

OnNavigatingFrom OnNavigatedFrom OnNavigatedTo

Page 15: 03 wp7   application bar

Windows Phone Microsoft Corporation.

query string

15

private void passParam_Click(object sender, RoutedEventArgs e){ NavigationService.Navigate(new Uri("/SecondPage.xaml?msg=" +

textBox1.Text, UriKind.Relative));}

get query stringprotected 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; }

send query string

Page 16: 03 wp7   application bar

Windows Phone Microsoft Corporation.

go back

16

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

Page 17: 03 wp7   application bar

Windows Phone Microsoft Corporation.

navigate in UserControl

17

Page 18: 03 wp7   application bar

Windows Phone Microsoft Corporation.18

demo02 application bar

/ app bar/ app bar menu/ landscape / navigation service

Page 19: 03 wp7   application bar

Windows Phone Microsoft Corporation.19

practicebuild your context menu

Page 20: 03 wp7   application bar

Windows Phone Microsoft Corporation.20

Click to add picturethank youwww.anytao.com

Page 21: 03 wp7   application bar

Windows Phone Microsoft Corporation.

© 2011 Microsoft Corporation.

All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

21