2013-03-27 35 views
2

我四处张望,但找不到如何为windows phone应用程序实现搜索覆盖的很好参考。我想模拟在商店,音乐和其他系统类型应用程序中如何实现搜索。执行搜索界面Windows Phone

我有用图标创建的应用程序栏,但不知道单击按钮时发生了什么。看起来,某些叠加层在页面顶部进行了转换。我可以效仿这个,但是由于这看起来就像这样一个常见的场景,所以我希望有一个指南能够在应用程序间实现一致的体验。

  1. 应用酒吧搜索按钮:https://skydrive.live.com/redir?resid=1EBF644EEFCAD766!25155&authkey=!AB2pGcqFd9jo4JE
  2. 叠加:https://skydrive.live.com/redir?resid=1EBF644EEFCAD766!25156&authkey=!ALmHpcgyqYyvBfU
+0

当单击该按钮,定位到你的搜索页面,并把焦点设置文本框。对于转换,请查看Windows Phone工具包。 – 2013-03-27 12:29:30

回答

2

没有,做的是为你官方控制。在我的应用我做的用于覆盖该场景如下:

1 - 添加搜索按钮,应用程序栏

2 - 当用户点击按钮,定位到一个新的页面(如SearchPage.xaml):

NavigationService.Navigate(new Uri("/SearchPage.xaml", UriKind.Relative)); 

3 - 将焦点设置在页面打开键盘上的Loaded事件的搜索框(做它的OnNavigatedTo例如将无法正常工作):

mySearchTextbox.Focus(); 

4 - 使用Silverlight Toolkit for Windows Phoneadd transitions from/to the page。我用下面的动画,它创建了一个非常similair动画风格到内置的搜索页:

<toolkit:TransitionService.NavigationInTransition> 
    <toolkit:NavigationInTransition> 
     <toolkit:NavigationInTransition.Forward> 
      <toolkit:SlideTransition Mode="SlideUpFadeIn" /> 
     </toolkit:NavigationInTransition.Forward> 
     <toolkit:NavigationInTransition.Backward> 
      <toolkit:SlideTransition Mode="SlideUpFadeIn" /> 
     </toolkit:NavigationInTransition.Backward> 
    </toolkit:NavigationInTransition> 
</toolkit:TransitionService.NavigationInTransition> 

<toolkit:TransitionService.NavigationOutTransition> 
    <toolkit:NavigationOutTransition> 
     <toolkit:NavigationOutTransition.Backward> 
      <toolkit:SlideTransition Mode="SlideDownFadeOut" /> 
     </toolkit:NavigationOutTransition.Backward> 
     <toolkit:NavigationOutTransition.Forward> 
      <toolkit:SlideTransition Mode="SlideDownFadeOut" /> 
     </toolkit:NavigationOutTransition.Forward> 
    </toolkit:NavigationOutTransition> 
</toolkit:TransitionService.NavigationOutTransition>