SlideShare a Scribd company logo
“Discover Windows Phone”
development series
02. Page Navigation
Yasmine Abdelhady
@yasabdelhady
Yasmine.Abdelhady@Hotmail.com

© Yasmine Abdelhady| MEA DPE Intern
Agenda

© Yasmine Abdelhady| MEA DPE Intern

 Simple Page Navigation
Why is it
important?

© Yasmine Abdelhady| MEA DPE Intern

 Page Navigation:
1. because you don’t want to build your project based on only one
page
 2. because you can make use that your application will
automatically be able to leverage the phone's built-in hardware
back button.
Simple
Navigation

© Yasmine Abdelhady| MEA DPE Intern

 We have multiple pages, and we want to give the user a way to get
between them. Let's build a simple navigation UI that will allow us
to do just that.
 we've created a default Windows Phone Application, let's open it.

1.

© Yasmine Abdelhady| MEA DPE Intern

 Open the application from where you saved it last time. (Probably
it will be in Documents>Visual Studio 2013>Projects
2.

Right Click on the Project in the Solution Explorer>Add>New Item

© Yasmine Abdelhady| MEA DPE Intern
3.

(Under Windows Phone on the left pane) Windows Phone Portrait Page. Name it
Meals.xaml

© Yasmine Abdelhady| MEA DPE Intern
4&5

4. Change page's title, so we know we're on each page. Look for the XAML
Textblock element with Text "page name" to "Meals“
5. Repeat step 3 and 4 with page name Beverages.xaml and page name
"Beverages".
© Yasmine Abdelhady| MEA DPE Intern
6.

Go back to MainPage.xaml and also change "page name" to "Main Page".

© Yasmine Abdelhady| MEA DPE Intern
7.

Add 2 buttons in the MainPage.xaml by dragging the "Button" control from
the Toolbox window to the MainPage designer view.

© Yasmine Abdelhady| MEA DPE Intern
8.

Change the text that appears on each button by going to the Properties
windows on the left. Under Common, change Content from "button" to
Meals. Do the same to button 2 and change Content to "Beverages". Also
change the name of each button from the same properties window as
shown. Change names to "button_meals" and "button_beverages".
© Yasmine Abdelhady| MEA DPE Intern
9.

Add a Click event to the button, that when you click on the button a special
event happens, which in our case is to navigate to a specific page. To do
this, double click on the button itself in the design view and it will
automatically create an event handler and take you to the C# page where
you write what happens when the button is clicked. Do the same click to the
second button.
10.

Now is finally time to write the statement of navigation to another page.
for button_meals
NavigationService.Navigate( new Uri("/Meals.xaml", UriKind.Relative));
And for button_beverages
NavigationService.Navigate( new Uri("/Beverages.xaml", UriKind.Relative));
@yasabdelhady

yasmine.Abdelhady@Hotmail.com

Thank you 
yasabdelhady.wordpress.com

Facebook.com/yasabdelhady

© Yasmine Abdelhady| MEA DPE Intern

More Related Content

What's hot

7 steps to get free traffic to your blogspot blog
7 steps to get free traffic to your blogspot blog7 steps to get free traffic to your blogspot blog
7 steps to get free traffic to your blogspot blog
Cloudko
 
Google Apps Overview
Google Apps OverviewGoogle Apps Overview
Google Apps Overview
Moshood Oshindele
 
How to make ... Cincopa
How to make ... CincopaHow to make ... Cincopa
How to make ... Cincopa
Joanna Soltysiak
 
Android tutorials6 run_your_app
Android tutorials6 run_your_appAndroid tutorials6 run_your_app
Android tutorials6 run_your_app
Vlad Kolesnyk
 
Google Drive Integration in Odoo
Google Drive Integration in OdooGoogle Drive Integration in Odoo
Google Drive Integration in Odoo
Anisha Technaureus
 
812 wordpress tablet
812 wordpress tablet812 wordpress tablet
812 wordpress tablet
Satoru Hoshiba
 
Introduction to smore
Introduction to smoreIntroduction to smore
Introduction to smore
KressL
 
Slidely how to
Slidely how to Slidely how to
Slidely how to
Joanna Soltysiak
 
Social media white
Social media whiteSocial media white
Social media white
DWhite94
 
Untitled
UntitledUntitled
Untitled
slidepaddemo
 
LAYOUT-New Application From Instagram
LAYOUT-New Application From InstagramLAYOUT-New Application From Instagram
LAYOUT-New Application From Instagram
Sue B Zimmerman Enterprise
 
Fırat uğuroğlu 20100723
Fırat uğuroğlu 20100723Fırat uğuroğlu 20100723
Fırat uğuroğlu 20100723
Fırat Uğuroğlu
 
I pad 101 official
I pad 101 officialI pad 101 official
I pad 101 official
coleman493
 
How to add clickable links to slideshare
How to add clickable links to slideshareHow to add clickable links to slideshare
How to add clickable links to slideshare
Chris Humphreys
 
Moca - Accessible Mockups
Moca - Accessible MockupsMoca - Accessible Mockups
Moca - Accessible Mockups
Mesut Yılmaz
 
Zapier: A Big thing for your Business
Zapier: A Big thing for your BusinessZapier: A Big thing for your Business
Zapier: A Big thing for your Business
Mafel Gorne
 
Getting started
Getting started Getting started
Getting started
Lynnette Humphrey
 
Int d 3
Int d 3Int d 3

What's hot (18)

7 steps to get free traffic to your blogspot blog
7 steps to get free traffic to your blogspot blog7 steps to get free traffic to your blogspot blog
7 steps to get free traffic to your blogspot blog
 
Google Apps Overview
Google Apps OverviewGoogle Apps Overview
Google Apps Overview
 
How to make ... Cincopa
How to make ... CincopaHow to make ... Cincopa
How to make ... Cincopa
 
Android tutorials6 run_your_app
Android tutorials6 run_your_appAndroid tutorials6 run_your_app
Android tutorials6 run_your_app
 
Google Drive Integration in Odoo
Google Drive Integration in OdooGoogle Drive Integration in Odoo
Google Drive Integration in Odoo
 
812 wordpress tablet
812 wordpress tablet812 wordpress tablet
812 wordpress tablet
 
Introduction to smore
Introduction to smoreIntroduction to smore
Introduction to smore
 
Slidely how to
Slidely how to Slidely how to
Slidely how to
 
Social media white
Social media whiteSocial media white
Social media white
 
Untitled
UntitledUntitled
Untitled
 
LAYOUT-New Application From Instagram
LAYOUT-New Application From InstagramLAYOUT-New Application From Instagram
LAYOUT-New Application From Instagram
 
Fırat uğuroğlu 20100723
Fırat uğuroğlu 20100723Fırat uğuroğlu 20100723
Fırat uğuroğlu 20100723
 
I pad 101 official
I pad 101 officialI pad 101 official
I pad 101 official
 
How to add clickable links to slideshare
How to add clickable links to slideshareHow to add clickable links to slideshare
How to add clickable links to slideshare
 
Moca - Accessible Mockups
Moca - Accessible MockupsMoca - Accessible Mockups
Moca - Accessible Mockups
 
Zapier: A Big thing for your Business
Zapier: A Big thing for your BusinessZapier: A Big thing for your Business
Zapier: A Big thing for your Business
 
Getting started
Getting started Getting started
Getting started
 
Int d 3
Int d 3Int d 3
Int d 3
 

Viewers also liked

Presentación detallada HallTech
Presentación detallada HallTechPresentación detallada HallTech
Presentación detallada HallTech
richardhh
 
Manejo de equipo de activo fijo
Manejo de equipo de activo fijoManejo de equipo de activo fijo
Manejo de equipo de activo fijo
cibg
 
Congreso Actualización - Carrera en AUPSA
Congreso Actualización - Carrera en AUPSACongreso Actualización - Carrera en AUPSA
Congreso Actualización - Carrera en AUPSA
Aoduber
 
Reino animal
Reino animalReino animal
Reino animal
Joel Ruíz
 
Rk village plaza 180th
Rk village plaza   180thRk village plaza   180th
Rk village plaza 180th
RK Centers
 
Api 581 sec.3 nivel 2 areas de consecuencias
Api 581 sec.3 nivel 2 areas de consecuenciasApi 581 sec.3 nivel 2 areas de consecuencias
Api 581 sec.3 nivel 2 areas de consecuencias
adan gonzalez torres
 
mFLOR. Presentación técnica
mFLOR. Presentación técnicamFLOR. Presentación técnica
mFLOR. Presentación técnica
gusserrano
 
TGS AME Namibia N2R93RE15 2D
TGS AME Namibia N2R93RE15 2DTGS AME Namibia N2R93RE15 2D
TGS AME Namibia N2R93RE15 2D
TGS
 
Planeta oroneta presentació crevillent 2015
Planeta oroneta presentació crevillent 2015Planeta oroneta presentació crevillent 2015
Planeta oroneta presentació crevillent 2015
Jesús Martínez Vargas
 
La Digestión Anaerobia como parte medular de la sustentabilidad ambiental
La Digestión Anaerobia como parte medular de la sustentabilidad ambientalLa Digestión Anaerobia como parte medular de la sustentabilidad ambiental
La Digestión Anaerobia como parte medular de la sustentabilidad ambiental
Academia de Ingeniería de México
 
Annexes 050 meteo
Annexes 050 meteoAnnexes 050 meteo
Annexes 050 meteo
ESTEL ,asn
 
Sabidura perenne
Sabidura perenneSabidura perenne
Sabidura perenne
Renato Alejandro Huerta
 
Ntc 1692 peligrosos
Ntc 1692 peligrososNtc 1692 peligrosos
Ntc 1692 peligrosos
Aeroux
 
Sistema de transporte de datos sobre redes inalambricas WLAN
Sistema de transporte de datos sobre redes inalambricas WLANSistema de transporte de datos sobre redes inalambricas WLAN
Sistema de transporte de datos sobre redes inalambricas WLAN
degarden
 
How to test OpenGL drivers using Free Software (FOSDEM 2015)
How to test OpenGL drivers using Free Software (FOSDEM 2015)How to test OpenGL drivers using Free Software (FOSDEM 2015)
How to test OpenGL drivers using Free Software (FOSDEM 2015)
Igalia
 
Juego de la vida y como jugarlo
Juego de la vida y como jugarloJuego de la vida y como jugarlo
Juego de la vida y como jugarlo
Glayde Calher
 
Tutorial unad sobre el plagio (Flor Posada Parada)
Tutorial unad sobre el plagio (Flor Posada Parada)Tutorial unad sobre el plagio (Flor Posada Parada)
Tutorial unad sobre el plagio (Flor Posada Parada)
Flor Yamile Posada Parada
 
Osver ticle
Osver ticleOsver ticle
Osver ticle
osver
 
Digital Analytics - Fluch oder Segen der Digitalisierung?
Digital Analytics - Fluch oder Segen der Digitalisierung?Digital Analytics - Fluch oder Segen der Digitalisierung?
Digital Analytics - Fluch oder Segen der Digitalisierung?
Hochschule Luzern
 

Viewers also liked (20)

Presentación detallada HallTech
Presentación detallada HallTechPresentación detallada HallTech
Presentación detallada HallTech
 
Herbst 2010
Herbst 2010Herbst 2010
Herbst 2010
 
Manejo de equipo de activo fijo
Manejo de equipo de activo fijoManejo de equipo de activo fijo
Manejo de equipo de activo fijo
 
Congreso Actualización - Carrera en AUPSA
Congreso Actualización - Carrera en AUPSACongreso Actualización - Carrera en AUPSA
Congreso Actualización - Carrera en AUPSA
 
Reino animal
Reino animalReino animal
Reino animal
 
Rk village plaza 180th
Rk village plaza   180thRk village plaza   180th
Rk village plaza 180th
 
Api 581 sec.3 nivel 2 areas de consecuencias
Api 581 sec.3 nivel 2 areas de consecuenciasApi 581 sec.3 nivel 2 areas de consecuencias
Api 581 sec.3 nivel 2 areas de consecuencias
 
mFLOR. Presentación técnica
mFLOR. Presentación técnicamFLOR. Presentación técnica
mFLOR. Presentación técnica
 
TGS AME Namibia N2R93RE15 2D
TGS AME Namibia N2R93RE15 2DTGS AME Namibia N2R93RE15 2D
TGS AME Namibia N2R93RE15 2D
 
Planeta oroneta presentació crevillent 2015
Planeta oroneta presentació crevillent 2015Planeta oroneta presentació crevillent 2015
Planeta oroneta presentació crevillent 2015
 
La Digestión Anaerobia como parte medular de la sustentabilidad ambiental
La Digestión Anaerobia como parte medular de la sustentabilidad ambientalLa Digestión Anaerobia como parte medular de la sustentabilidad ambiental
La Digestión Anaerobia como parte medular de la sustentabilidad ambiental
 
Annexes 050 meteo
Annexes 050 meteoAnnexes 050 meteo
Annexes 050 meteo
 
Sabidura perenne
Sabidura perenneSabidura perenne
Sabidura perenne
 
Ntc 1692 peligrosos
Ntc 1692 peligrososNtc 1692 peligrosos
Ntc 1692 peligrosos
 
Sistema de transporte de datos sobre redes inalambricas WLAN
Sistema de transporte de datos sobre redes inalambricas WLANSistema de transporte de datos sobre redes inalambricas WLAN
Sistema de transporte de datos sobre redes inalambricas WLAN
 
How to test OpenGL drivers using Free Software (FOSDEM 2015)
How to test OpenGL drivers using Free Software (FOSDEM 2015)How to test OpenGL drivers using Free Software (FOSDEM 2015)
How to test OpenGL drivers using Free Software (FOSDEM 2015)
 
Juego de la vida y como jugarlo
Juego de la vida y como jugarloJuego de la vida y como jugarlo
Juego de la vida y como jugarlo
 
Tutorial unad sobre el plagio (Flor Posada Parada)
Tutorial unad sobre el plagio (Flor Posada Parada)Tutorial unad sobre el plagio (Flor Posada Parada)
Tutorial unad sobre el plagio (Flor Posada Parada)
 
Osver ticle
Osver ticleOsver ticle
Osver ticle
 
Digital Analytics - Fluch oder Segen der Digitalisierung?
Digital Analytics - Fluch oder Segen der Digitalisierung?Digital Analytics - Fluch oder Segen der Digitalisierung?
Digital Analytics - Fluch oder Segen der Digitalisierung?
 

Similar to "Discover windows phone" 02. page navigation

"Discover windows phone" 05. Application Bar
"Discover windows phone" 05. Application Bar"Discover windows phone" 05. Application Bar
"Discover windows phone" 05. Application Bar
Yasmine Abdelhady
 
Introduction
IntroductionIntroduction
Gl13 m2-c1-presentation
Gl13 m2-c1-presentationGl13 m2-c1-presentation
Gl13 m2-c1-presentation
Tracie King
 
Web dynpro for abap
Web dynpro for abapWeb dynpro for abap
Web dynpro for abap
Gabriel Magalhães
 
"Discover windows phone" 04. The back button
"Discover windows phone"  04. The back button"Discover windows phone"  04. The back button
"Discover windows phone" 04. The back button
Yasmine Abdelhady
 
How to Create Your First Android App Step by Step.pdf
How to Create Your First Android App Step by Step.pdfHow to Create Your First Android App Step by Step.pdf
How to Create Your First Android App Step by Step.pdf
BOSC Tech Labs
 
Girl Scouts Website Designer Badge Seminar - Workbook
Girl Scouts Website Designer Badge Seminar - WorkbookGirl Scouts Website Designer Badge Seminar - Workbook
Girl Scouts Website Designer Badge Seminar - Workbook
Lauren Hayward Schaefer
 
Software engineering modeling lab lectures
Software engineering modeling lab lecturesSoftware engineering modeling lab lectures
Software engineering modeling lab lectures
marwaeng
 
Creating a comp
Creating a compCreating a comp
Creating a comp
Kranthi Kumar
 
Creating simple comp
Creating simple compCreating simple comp
Creating simple comp
Kranthi Kumar
 
hopTo Work Step by Step Test Drive
hopTo Work Step by Step Test DrivehopTo Work Step by Step Test Drive
hopTo Work Step by Step Test Drive
hopTo
 
Mobile Devices Step By Step.
Mobile Devices Step By Step.Mobile Devices Step By Step.
Mobile Devices Step By Step.
Jason Wendt
 
Mobile Devices Step By Step.
Mobile Devices Step By Step.Mobile Devices Step By Step.
Mobile Devices Step By Step.
Jason Wendt
 
Appy builder beginner tutorial
Appy builder beginner tutorialAppy builder beginner tutorial
Appy builder beginner tutorial
HabibulHakam
 
Create yourfirstandroidapppdf
Create yourfirstandroidapppdfCreate yourfirstandroidapppdf
Create yourfirstandroidapppdf
murad3003
 
Easyweb demonstration scenario : What's Easyweb?
Easyweb  demonstration scenario : What's Easyweb?Easyweb  demonstration scenario : What's Easyweb?
Easyweb demonstration scenario : What's Easyweb?
Dong Nguyen
 
Week 1 lesson 4 for Intro to tech class
Week 1 lesson 4 for Intro to tech classWeek 1 lesson 4 for Intro to tech class
Week 1 lesson 4 for Intro to tech class
rdubroy
 
Windows7tipstrickspptversion 12599513345858-phpapp01
Windows7tipstrickspptversion 12599513345858-phpapp01Windows7tipstrickspptversion 12599513345858-phpapp01
Windows7tipstrickspptversion 12599513345858-phpapp01
Ramprakash Kumar
 
Windows 7 Tips Tricks Ppt Version
Windows 7 Tips Tricks Ppt VersionWindows 7 Tips Tricks Ppt Version
Windows 7 Tips Tricks Ppt Version
john weston
 
A Primavera Tutorial
A Primavera TutorialA Primavera Tutorial
A Primavera Tutorial
Aaron Anyaakuu
 

Similar to "Discover windows phone" 02. page navigation (20)

"Discover windows phone" 05. Application Bar
"Discover windows phone" 05. Application Bar"Discover windows phone" 05. Application Bar
"Discover windows phone" 05. Application Bar
 
Introduction
IntroductionIntroduction
Introduction
 
Gl13 m2-c1-presentation
Gl13 m2-c1-presentationGl13 m2-c1-presentation
Gl13 m2-c1-presentation
 
Web dynpro for abap
Web dynpro for abapWeb dynpro for abap
Web dynpro for abap
 
"Discover windows phone" 04. The back button
"Discover windows phone"  04. The back button"Discover windows phone"  04. The back button
"Discover windows phone" 04. The back button
 
How to Create Your First Android App Step by Step.pdf
How to Create Your First Android App Step by Step.pdfHow to Create Your First Android App Step by Step.pdf
How to Create Your First Android App Step by Step.pdf
 
Girl Scouts Website Designer Badge Seminar - Workbook
Girl Scouts Website Designer Badge Seminar - WorkbookGirl Scouts Website Designer Badge Seminar - Workbook
Girl Scouts Website Designer Badge Seminar - Workbook
 
Software engineering modeling lab lectures
Software engineering modeling lab lecturesSoftware engineering modeling lab lectures
Software engineering modeling lab lectures
 
Creating a comp
Creating a compCreating a comp
Creating a comp
 
Creating simple comp
Creating simple compCreating simple comp
Creating simple comp
 
hopTo Work Step by Step Test Drive
hopTo Work Step by Step Test DrivehopTo Work Step by Step Test Drive
hopTo Work Step by Step Test Drive
 
Mobile Devices Step By Step.
Mobile Devices Step By Step.Mobile Devices Step By Step.
Mobile Devices Step By Step.
 
Mobile Devices Step By Step.
Mobile Devices Step By Step.Mobile Devices Step By Step.
Mobile Devices Step By Step.
 
Appy builder beginner tutorial
Appy builder beginner tutorialAppy builder beginner tutorial
Appy builder beginner tutorial
 
Create yourfirstandroidapppdf
Create yourfirstandroidapppdfCreate yourfirstandroidapppdf
Create yourfirstandroidapppdf
 
Easyweb demonstration scenario : What's Easyweb?
Easyweb  demonstration scenario : What's Easyweb?Easyweb  demonstration scenario : What's Easyweb?
Easyweb demonstration scenario : What's Easyweb?
 
Week 1 lesson 4 for Intro to tech class
Week 1 lesson 4 for Intro to tech classWeek 1 lesson 4 for Intro to tech class
Week 1 lesson 4 for Intro to tech class
 
Windows7tipstrickspptversion 12599513345858-phpapp01
Windows7tipstrickspptversion 12599513345858-phpapp01Windows7tipstrickspptversion 12599513345858-phpapp01
Windows7tipstrickspptversion 12599513345858-phpapp01
 
Windows 7 Tips Tricks Ppt Version
Windows 7 Tips Tricks Ppt VersionWindows 7 Tips Tricks Ppt Version
Windows 7 Tips Tricks Ppt Version
 
A Primavera Tutorial
A Primavera TutorialA Primavera Tutorial
A Primavera Tutorial
 

Recently uploaded

June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
Ivanti
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
Tatiana Kojar
 
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfNunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
flufftailshop
 
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Jeffrey Haguewood
 
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Tatiana Kojar
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
GDSC PJATK
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Wask
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 

Recently uploaded (20)

June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
 
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfNunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
 
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
 
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 

"Discover windows phone" 02. page navigation

  • 1. “Discover Windows Phone” development series 02. Page Navigation Yasmine Abdelhady @yasabdelhady Yasmine.Abdelhady@Hotmail.com © Yasmine Abdelhady| MEA DPE Intern
  • 2. Agenda © Yasmine Abdelhady| MEA DPE Intern  Simple Page Navigation
  • 3. Why is it important? © Yasmine Abdelhady| MEA DPE Intern  Page Navigation: 1. because you don’t want to build your project based on only one page  2. because you can make use that your application will automatically be able to leverage the phone's built-in hardware back button.
  • 4. Simple Navigation © Yasmine Abdelhady| MEA DPE Intern  We have multiple pages, and we want to give the user a way to get between them. Let's build a simple navigation UI that will allow us to do just that.
  • 5.  we've created a default Windows Phone Application, let's open it. 1. © Yasmine Abdelhady| MEA DPE Intern  Open the application from where you saved it last time. (Probably it will be in Documents>Visual Studio 2013>Projects
  • 6. 2. Right Click on the Project in the Solution Explorer>Add>New Item © Yasmine Abdelhady| MEA DPE Intern
  • 7. 3. (Under Windows Phone on the left pane) Windows Phone Portrait Page. Name it Meals.xaml © Yasmine Abdelhady| MEA DPE Intern
  • 8. 4&5 4. Change page's title, so we know we're on each page. Look for the XAML Textblock element with Text "page name" to "Meals“ 5. Repeat step 3 and 4 with page name Beverages.xaml and page name "Beverages". © Yasmine Abdelhady| MEA DPE Intern
  • 9. 6. Go back to MainPage.xaml and also change "page name" to "Main Page". © Yasmine Abdelhady| MEA DPE Intern
  • 10. 7. Add 2 buttons in the MainPage.xaml by dragging the "Button" control from the Toolbox window to the MainPage designer view. © Yasmine Abdelhady| MEA DPE Intern
  • 11. 8. Change the text that appears on each button by going to the Properties windows on the left. Under Common, change Content from "button" to Meals. Do the same to button 2 and change Content to "Beverages". Also change the name of each button from the same properties window as shown. Change names to "button_meals" and "button_beverages". © Yasmine Abdelhady| MEA DPE Intern
  • 12. 9. Add a Click event to the button, that when you click on the button a special event happens, which in our case is to navigate to a specific page. To do this, double click on the button itself in the design view and it will automatically create an event handler and take you to the C# page where you write what happens when the button is clicked. Do the same click to the second button.
  • 13. 10. Now is finally time to write the statement of navigation to another page. for button_meals NavigationService.Navigate( new Uri("/Meals.xaml", UriKind.Relative)); And for button_beverages NavigationService.Navigate( new Uri("/Beverages.xaml", UriKind.Relative));