星期六, 1月 21, 2012

[Expression Blend ] 如何製作導覽介面

vI

在網頁或程式當中,我們常常需要使用一些導覽按鈕,



來幫助我們切換程式介面,進入另一層使用介面,

如:MP3程式介面,當點取專輯名稱時,畫面可以列表秀出,

當下目前所有檔案裡的音樂專輯名稱。


所以今天我們要來學習,如何使用HyperlinkButton,
來製作一個簡單的導覽介面。


要使用 HyperlinkButton 這項工具,

KT這邊建議在搜尋Bar裡,
直接鍵入HyperlinkButton,比較容易且快速,找到這個控制項
影像 000


我們可以將拖曳出來,到你想要的畫板位置上,
點取  後,可以看到它的屬性面板裡的一般屬性
影像 001

在製作導覽頁面裡有幾個關鍵點,我們需要去設定

1.Content:決定在畫面上顯示的文字。
2.NavigateUri:當點取HyperlinkButton時,決定要將目前畫面切至到那個畫面。
2.TargetName:決定在那個物件上使用。
(這邊我們先新增一個Frame當顯示畫面的物件,
所以這邊TargetName 則設成這個Frame)


  • 影片教學










執行結果:
(製作6個頁面,按下按鈕可切換至不同頁面)




範例原始碼下載: 





更多詳細資料可參考MSDN:
1.HyperlinkButton
2.HyperlinkAction
3.導覽行為

0 意見 :

張貼留言

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]