天天看點

【萬裡征程——Windows App開發】在應用中內建搜尋

已經剛剛一個月沒有更新這個專欄了,今天開始要連續更新幾篇啦~

上一篇我們學習的是如何添加設定,這一篇講的是和設定類似的搜尋。

so…… let’s do it !

先從簡單的頁面布局開始,想想我們需要什麼,一個帶搜尋事件的button,還需要一些textblock來提示使用者,核心部分自然是一個gridview咯。

既然界面完成了,就該去背景搗鼓咯。搜尋的核心在于searchpane,是以先來執行個體化它。為了簡化,我們就将待搜尋的内容設定為一串字元串數組好了,當然了,初始化數組的方式大家随意就好了。

當使用者在搜尋框中輸入的内容發生了更改時就會觸發searchpane_querychange事件。

當使用者在完成輸入後按下enter鍵或者點選旁邊的搜尋确認按鈕後就會觸發searchpane_querysubmitted事件。

然後我們還需要這兩個事件在onnavigatedto中綁定以及在onnavigatedfrom中解綁。

然後我們需要點選button控件來調出系統的搜尋框,一行代碼就足以搞定了。如果不想點選按鈕也是可以得哦,可以讓使用者直接在鍵盤輸入而調出搜尋框呢。

最後别忘了将他們都放到mainpage()中哦,

是以說,總的代碼是這樣的。

在清單檔案中聲明你需要使用“search”功能後就可以開始調試咯。

【萬裡征程——Windows App開發】在應用中內建搜尋
【萬裡征程——Windows App開發】在應用中內建搜尋

大家肯定都用的音樂播放器肯定都會在搜尋框下面給出一些建議吧,或者大家常用的地圖等app。

那麼我們就對前面的代碼進行更新就好啦。

下面這段代碼呢,就是根據使用者的輸入來顯示建議清單的方法咯。

這篇部落格,使用大量linq技術,如果不太懂的話可以看看這裡。

傳送門:【linq技術】擴充特性和linq操作符

使用搜尋建議的最大好處在于我們可以選擇并非自己輸入的内容,這個功能就由下面這段代碼提供動力支援。

我們還可以對前面的searchpane_querysubmitted函數做如下修改。

最後還需要将他們添加到onnavigatedto和onnavigatedfrom方法中。

然後調試就會是這個效果咯。

【萬裡征程——Windows App開發】在應用中內建搜尋

感謝您的通路,希望對您有所幫助。 歡迎大家關注、收藏以及評論。

為使本文得到斧正和提問,轉載請注明出處:

http://blog.csdn.net/nomasp

繼續閱讀