WP7例項篇之土豆搜尋器(1)

2021-09-08 07:47:49 字數 1499 閱讀 3144

修改說明:由於youku的api不怎麼geli

學習wp7也有一段時間了,就以乙個小demo實現wp7優酷搜尋器來練練手。

首先,我們使用expression blend 4建立專案,命名為wp7youkusearch,然後設計其主頁,如下圖

接著我們建立示例資料來進行繫結,導航之data面板(如果沒有,可以選擇選單欄的windows->data ),選擇new sample data… 用於資料繫結。

可以看到blend預設給我們生成了兩個屬性,乙個是字串型別的,乙個是布林型別的。我們將布林型別改為image型別,然後將collection拖至頁面中,可以看到此時頁面中自動生成了乙個列表(在物件和時間面板中看到是listbox),列表中有一些字串和

並且data面板中的sampledatasource外圍包圍著黃色的框,表示這個資料來源被用於繫結了。

如果我們覺得blend自動生成的模板達不到我們的要求,或者說我們需要重排模板,右擊listbox,選擇edit additional templates—> edit generated items(itemtemplate)—> edit current,如下圖

此時我們就可以編輯模板了,注意此時預設的容器是stackpanel,我們可以通過右擊stackpanel,選擇change layout type來改變布局的型別,這裡我們選擇grid,如下圖

調整介面後,大致的模板是這樣的:

我們需要將textbox的textwarping設為warp以便當字串多的時候能自動換行:

關於更多expression blend的技巧可以看筆者的 《expression blend 知識錦分享》,這裡不做過多的介紹。

to be continued.....

WP7例項篇之土豆搜尋器(2)

ps 由於youku 不怎麼geli 轉而採用tudou的api,望大家體諒.在上篇wp7例項篇之土豆搜尋器 1 中,我們建立了示例資料來源並且將其繫結到頁面中,接下來我們將要動態化繫結源資料,此時visual studio的用處就體現了。我們開啟 開發文件 卡片,會發現tudou已經提供了很詳細的...

wp7 開發學習之 ProgressBar 小應用

xaml頁面 這裡有兩個進度條,第乙個在cs設定了委託事件 可以算百分比,邊進度邊顯示 第二個設定了isindeterminate true 迴圈進度顯示 cs頁面 進度的改變事件 private void progressbar1 valuechanged object sender,routed...

WP7 學習之pivot控制項應用

pivot控制項用來過濾大量的資料集,在不同的檢視中檢視它們,或者針對同乙個資料切換不同的檢視。pivot控制項跟tab控制項很像,但它是專門為windows phone和觸控介面設計的。它通過檢視間的橫向互相切換,這樣就可以讓使用者 用內建的觸控功能來回導航。在windows phone內建的功能...