執行搜索界面Windows Phone

我四處張望，但找不到如何爲windows phone應用程序實現搜索覆蓋的很好參考。我想模擬在商店，音樂和其他系統類型應用程序中如何實現搜索。執行搜索界面Windows Phone

我有用圖標創建的應用程序欄，但不知道單擊按鈕時發生了什麼。看起來，某些疊加層在頁面頂部進行了轉換。我可以效仿這個，但是由於這看起來就像這樣一個常見的場景，所以我希望有一個指南能夠在應用程序間實現一致的體驗。

應用酒吧搜索按鈕：https://skydrive.live.com/redir?resid=1EBF644EEFCAD766!25155&authkey=!AB2pGcqFd9jo4JE
疊加：https://skydrive.live.com/redir?resid=1EBF644EEFCAD766!25156&authkey=!ALmHpcgyqYyvBfU

來源

2013-03-27 Chris

當單擊該按鈕，定位到你的搜索頁面，並把焦點設置文本框。對於轉換，請查看Windows Phone工具包。 – 2013-03-27 12:29:30

沒有，做的是爲你官方控制。在我的應用我做的用於覆蓋該場景如下：

1 - 添加搜索按鈕，應用程序欄

2 - 當用戶點擊按鈕，定位到一個新的頁面（如SearchPage.xaml）：

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

3 - 將焦點設置在頁面打開鍵盤上的Loaded事件的搜索框（做它的OnNavigatedTo例如將無法正常工作）：

mySearchTextbox.Focus();

4 - 使用Silverlight Toolkit for Windows Phone至add 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>

來源

2013-03-31 21:17:16

執行搜索界面Windows Phone

回答

相關問題