Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Navigation in Xamarin.Forms

6,113 views

Published on

Overview of the common navigation patterns used in Xamarin.Forms. Presented at Xamarin Hack Day Melbourne 2015

Published in: Technology
  • Follow the link, new dating source: ❶❶❶ http://bit.ly/39mQKz3 ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sex in your area is here: ❤❤❤ http://bit.ly/39mQKz3 ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • The Scrambler Unlock Her Legs | 95% Off by Bobby Rio-Rob Judge? ★★★ http://scamcb.com/unlockher/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ★★ How Long Does She Want You to Last? ★★ A recent study proved that the average man lasts just 2-5 minutes in bed (during intercourse). The study also showed that many women need at least 7-10 minutes of intercourse to reach "The Big O" - and, worse still... 30% of women never get there during intercourse. Clearly, most men are NOT fulfilling there women's needs in bed. Now, as I've said many times - how long you can last is no guarantee of being a GREAT LOVER. But, not being able to last 20, 30 minutes or more, is definitely a sign that you're not going to "set your woman's world on fire" between the sheets. Question is: "What can you do to last longer?" Well, one of the best recommendations I can give you today is to read THIS report. In it, you'll discover a detailed guide to an Ancient Taoist Thrusting Technique that can help any man to last much longer in bed. I can vouch 100% for the technique because my husband has been using it for years :) Here's the link to the report ♣♣♣ https://tinyurl.com/rockhardxxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Navigation in Xamarin.Forms

  1. 1. Navigation In Xamarin.Forms Kym Phillpotts kphillpotts@gmail.com @kphillpotts
 
 code & slides: 
 https://github.com/kphillpotts/XFNavigation
  2. 2. Topics Xamarin.Forms Overview •  Where does Xamarin.Forms fit in? •  What does the XF framework give you?
 Navigation in Xamarin.Forms •  Push, Pop and Modal •  Lists Navigation •  Tabbed Pages •  Master / Detail Pages •  Carousel Pages
 Additional Resources •  Design Resources •  Xamarin Resources
  3. 3. Xamarin.Forms
 Overview
  4. 4. Traditional Xamarin Approach Android (Platform Specific C#) iOS (Platform Specific C#) Windows (Platform Specific C#) Shared C# Backend (Typically PCL or Shared libraries)
  5. 5. Shared C# Backend (Typically PCL or Shared libraries) Shared User Interface Code Xamarin Forms - C# or XAML Xamarin Forms Approach
  6. 6. How Xamarin.Forms Renders Controls Button  button  =  new  Button  {        Text  =  "Click  Me!"     };   UI uses a Xamarin.Forms Button Platform Renderer takes view and turns it into platform-specific control Android.Widget.Button   UIButton   System.Windows.Button  
  7. 7. What’s in the box? •  Pages Content Page Master Detail NavigationPage TabbedPage CarouselPage
  8. 8. What’s in the box? •  Pages •  Layouts StackLayout AbsoluteLayout RelativeLayout GridLayout ContentView ScrollView Frame
  9. 9. What’s in the box? •  Pages •  Layouts •  Controls ActivityIndicator Entry BoxView Image Button Label DatePicker ListView Editor Map OpenGLView Stepper Picker TableView ProgressBar TimePicker SearchBar WebView Slider EntryCell ImageCell SwitchCell TextCell ViewCell
  10. 10. Topics Xamarin.Forms Overview •  Where does Xamarin.Forms fit in? •  What does the XF framework give you?
 Navigation in Xamarin.Forms •  NavigationPage •  Lists Navigation •  Tabbed Pages •  Carousel Pages •  Master / Detail Pages
 Additional Resources •  Design Resources •  Xamarin Resources
  11. 11. NavigationPage
  12. 12. Navigation Page Basic Concepts •  Push pages onto the stack •  Pop pages off the stack Hierarchical Navigation •  PushAsync() •  PopAsync() •  PopToRootAsync() Modal Navigation •  PushModalAsync() •  PopModalAsync()
  13. 13. Implementing NavigationPage – Wrap it! ! ! public App()! {! MainPage = new MyPage();! } ! !
  14. 14. Implementing NavigationPage – Wrap it! ! ! public App()! {! // MainPage = new MyPage();! MainPage = new NavigationPage(new MyPage());! } ! !
  15. 15. Hierarchical Navigation Navigate Forward (Push) Navigation.PushAsync(new SecondPage());! ! Navigate Back One Page (Pop) Navigation.PopAsync();! ! Navigate Back To First Page (PopToRoot) Navigation.PopToRoot();! !
  16. 16. Modal Navigation Display A Modal Page Navigation.PushModalAsync(new MyNewModalPage());! ! Remove A Modal Page Navigation.PopModalAsync();! !
  17. 17. GUIDELINES – DO NOT USE SLIDE
  18. 18. Other NavigationPage Goodness ■  Have access to the NavigationStack -  InsertPage -  RemovePage ■  BackButtonPressed Events ■  Customizing the navigation bar -  var navPage = new NavigationPage(new MyPage()); -  navPage.BarBackgroundColor = Color.Green; -  navPage.BarTextColor = Color.White; ■  NavigationBar Icons -  NavigationPage.SetTitleIcon(this, “your-logo-here.png");
  19. 19. ListView Navigation
  20. 20. Using ListViews for Navigation ■  Make sure you wrap your ListView page inside a NavigationPage ■  Setup your listview data and bindings (as per normal) ■  Respond to the ItemTapped Event (as per normal) ■  Use the NavigationPage methods to Push to new pages
  21. 21. GUIDELINES – DO NOT USE SLIDE
  22. 22. Other ListView goodness you should check out ■  Pull To Refresh ■  Action Buttons ■  Search Bar ■  Circle Images – Plugin ■  Grouped Lists – James Montemagno -  http://bit.ly/GroupedListView
  23. 23. TabbedPage
  24. 24. TabbedPage Basic Concepts •  Creates a tabbed interface for a collection of child pages Platform Differences •  On iOS Tabs at bottom with icon •  On Android tabs at the top without icon •  On Windows Phone uses Pivot control
  25. 25. Implementing TabbedPage Adding pages to the TabbedPage
 
 public class TabsPage : TabbedPage! {! public TabsPage ()! {! this.Children.Add (new Page1 () { Title = “Page1", Icon = “Page1.png" });! this.Children.Add (new Page2 () { Title = “Page2",Icon = “Page2.png" });! this.Children.Add (new Page3 () { Title = “Page3", Icon = “Page3.png" });! this.Children.Add (new Page4 () { Title = “Page4", Icon = “Page4.png" });! }! }! !
  26. 26. Navigation inside a TabbedPage It’s easy, just wrap your children in a NavigationPage
 
 Children.Add ( new NavigationPage (new ChildPage()) ! {! Title = “PageName", ! Icon = “PageIcon.png" ! });! !
  27. 27. CarouselPage
  28. 28. Implementing CarouselPage Adding pages to the CarouselPage
 
 public class FlippyPage : TabbedPage! {! public FlippyPage ()! {! Children.Add(new BucketItemDetail(buckteItem));! Children.Add(new BucketItemDetail(buckteItem));! Children.Add(new BucketItemDetail(buckteItem));! }! }! !
  29. 29. MasterDetailPage
  30. 30. MasterDetailPage Basic Concepts •  A container page that manages the 
 presentation of two other pages.
 •  A master page, which typically shows a list 
 or menu of options
 •  A detail page, which typically shows the detail of the selection
  31. 31. Implementing the MasterDetailPage public class SimpleMasterDetailContainer : MasterDetailPage { public SimpleMasterDetailContainer() { Master = new SimpleMasterPage(); Detail = new NavigationPage(new SimpleDetailPage()); } }
  32. 32. Things to Remember with MasterDetailPage You have to provide a Title in the Master Page, or things go bang! (optionally you can add an Icon to display – think hamburger icon) You have to handle the navigation between the master and the details pages. Do this by setting Detail property
 For Tablets you can use MasterBehavior property •  Default •  PopOver •  SplitOnHorizontal •  SplitOnVertical
  33. 33. Topics Xamarin.Forms Overview •  Where does Xamarin.Forms fit in? •  What does the XF framework give you?
 Navigation in Xamarin.Forms •  Push, Pop and Modal •  Lists Navigation •  Tabbed Pages •  Master / Detail Pages •  Carousel Pages
 Additional Resources •  Design Resources •  Xamarin Resources
  34. 34. Design Resources •  Xamarin.Forms in Anger – Replicating designs in Xamarin.Forms
 https://www.syntaxismyui.com/xamarin-forms-in-anger
 •  Dribbble – Awesome ideas by bizarrely talented artists
 http://dribbble.com
 •  UI-Patterns – They why & why nots of UI
 http://ui-patterns.com 

  35. 35. Xamarin.Forms Dev Resources •  Xamarin Community blog – Aggregates the best Xamarin blogs
 http://planet.xamarin.com/ 
 •  Official Xamarin.Forms Website – Links to all the official doco & samples
 http://xamarin.com/forms •  Xamarin-Forms-Labs – Community controls and code
 https://github.com/XLabs/Xamarin-Forms-Labs •  Xamarin Plugins – Awesome nuget plugins that work with Xamarin.Forms •  https://github.com/xamarin/plugins •  Free Charles Petzold Xamarin Forms eBook 
 http://bit.ly/PetzoldBook
 
 

  36. 36. THANKS (and questions) Kym Phillpotts kphillpotts@gmail.com @kphillpotts
 
 code & slides: 
 https://github.com/kphillpotts/XFNavigation

×