Thursday 15 January 2015

xaml - Implement search interface Windows Phone -


I was looking around, but could not find a good context for implementing the search overlay for the windows phone app . I want to simulate how to implement search in stores, music and other system type applications.

I have an app bar with the icon built, but not sure what is happening when the button is clicked. It appears that some overlays at the top of the page are infected, I can simulate it, but since it seems like a normal scenario, I expected that in all applications there would be a guide to enable continuous experience.

  1. App bar with search button:
  2. Overlay:

    There is no official control that does this for you

    1 - Add a search button to the application bar

    2 - When the button is clicked , Then go to a new page .xaml):

      Navigation service Navigate (new URI ("/ SearchPage.xaml", URIKind.relative)); 3 - Focus on the search box in the events that were loaded on the page to open the keyboard (for example it will not work):  
      mySearchTextbox.Focus (); I use the following animation to use 4-, which creates a very similar animation style created in search pages:  
      & Lt; Toolkit: TransitionService.NavigationInTransition & gt; & Lt; Toolkit: NavigationInTransition & gt; & Lt; Toolkit: NavigationInTransition.Forward & gt; & Lt; Toolkit: SlideStress Mode = "SlideUpFade In" / & gt; & Lt; / Toolkit: NavigationInTransition.Forward & gt; & Lt; Toolkit: NavigationInTransition.Backward & gt; & Lt; Toolkit: SlideStress Mode = "SlideUpFade In" / & gt; & Lt; / Toolkit: NavigationInTransition.Backward & gt; & Lt; / Toolkit: NavigationInTransition & gt; & Lt; / Toolkit: TransitionService.NavigationInTransition & gt; & Lt; Toolkit: TransitionService.NavigationOutTransition & gt; & Lt; Toolkit: NavigationOutTransition & gt; & Lt; Toolkit: NavigationOutTransition.Backward & gt; & Lt; Toolkit: Slatitation Mode = "Slide Down Fadeout" /> & Lt; / Toolkit: NavigationOutTransition.Backward & gt; & Lt; Toolkit: NavigationOutTransition.Forward & gt; & Lt; Toolkit: Slatitation Mode = "Slide Down Fadeout" /> & Lt; / Toolkit: NavigationOutTransition.Forward & gt; & Lt; / Toolkit: NavigationOutTransition & gt; & Lt; / Toolkit: TransitionService.NavigationOutTransition & gt;    

No comments:

Post a Comment