天天看點

WPF界面設計技巧(4)—自定義清單項樣式

有前面修改按鈕樣式的基礎,我們可以嘗試來定制一個即好看又好用的 ListBox ,今天先來講“好看”部分。

打開 Microsoft Visual Studio 2008 ,建立一個WPF應用程式,調整窗體大小,在窗體内建立一個 ListBox 和一個 Button ,按下圖所示布局。

在  Window1.xaml 中為窗體 Loaded 事件及按鈕 Click 事件添加事件處理:

WPF界面設計技巧(4)—自定義清單項樣式

Code

在項目的引用中添加對 System.Windows.Froms 的引用,因為我們要使用其中的“打開檔案對話框”元件。

添加 using 語句,引用以下所示的命名空間。為 System.Windows.Froms 設定别名是為了防止和現有的命名空間内的名稱沖突。

在 Window1.xaml.cs 中書寫以下代碼:

WPF界面設計技巧(4)—自定義清單項樣式

我們采用泛型集合 ObservableCollection<FileInfo> 裝載檔案清單,ObservableCollection 不同于以往的集合類型,它會在其内容更改時向 WPF 控件發送更新通知,以確定顯示和資料的同步,是以 WPF 開發中,集合類型應多使用該類型。

在窗體載入完畢後,将 ListBox1 綁定到檔案清單 FileList 。

這時編譯并運作程式,選擇一些檔案,應當是這個樣子:

在App.xaml中添加如下樣式設定:

WPF界面設計技巧(4)—自定義清單項樣式

最終效果(按鈕是沿用以前教程制作的樣式):

樣式代碼部分基本沒什麼可講的了,看看前面的教程應該都可以搞明白了,有不懂的地方請留言發問吧。

<a href="http://files.cnblogs.com/SkyD/WPFListBox.rar">源代碼下載下傳</a>

這次教程主要是為了後面做鋪墊,在下一篇教程中,我将會為大家講述如何定制清單項的内容,比如讓每個項目都可以顯示圖檔、檔案尺寸等資訊,借助 WPF 的強大界面設計特性,我們不需開發自定義控件,隻需用一些 XAML 代碼,就可以為普通控件賦予豐富的呈現功能,敬請關注。

本文轉自斯克迪亞部落格園部落格,原文連結:http://www.cnblogs.com/SkyD/archive/2008/07/16/1244733.html,如需轉載請自行聯系原作者