使用 DataGrid 控制項

DataGrid 控制項會在多個欄與列中顯示資料集合。它包含依照欄排序的功能。

如需 DataGrid 控制項的詳細資訊，請參閱 MSDN 上的 DataGrid 類別 (System.Windows.Controls) Ee341396.xtlink_newWindow(zh-tw,Expression.40).png 。

建立範例資料以便在 DataGrid 控制項中顯示

在 DataGrid 控制項中，您可以使用任何類型的資料。如果您還沒有資料可用於本主題稍後的＜填入 DataGrid 控制項＞程序，請依照下列程序來設定可完整呈現 DataGrid 控制項功能的範例資料。

選取 [應用程式執行時啟用範例資料] 方塊。

秘訣：
[應用程式執行時啟用範例資料] 方塊可讓專案在執行應用程式時顯示範例資料。若未選取此方塊，則 Microsoft Expression Blend 只會在畫板上顯示範例資料。如需詳細資訊，請參閱使您的應用程式在執行時顯示範例資料。

[應用程式執行時啟用範例資料] 方塊可讓專案在執行應用程式時顯示範例資料。若未選取此方塊，則 Microsoft Expression Blend 只會在畫板上顯示範例資料。

按一下 [確定]。

隨即建立包含屬性 (字串和布林值 ) 之集合的範例資料來源。

若要完整探索範例資料和 DataGrid 控制項的功能，請將影像屬性新增至集合。
在 [集合] 旁邊，按一下 [新增簡單屬性] ，將新屬性新增至集合。

秘訣：

您可以按一下 [新增簡單屬性] 按鈕旁的下拉式箭號，選取要新增的不同屬性類型：簡單、複雜和集合。
在新屬性 ([Property4]) 旁邊，按一下 [變更屬性類型] 。在出現的編輯器中，按一下 [類型] 旁邊的下拉式箭號，然後按一下 [影像]。
按一下編輯器以外的任何位置，將它關閉。

[Property4] 旁邊的圖示會更新，以將它識別為影像屬性。

秘訣：
您可以按一下 [新增簡單屬性] 按鈕旁的下拉式箭號，選取要新增的不同屬性類型：簡單、複雜和集合。

現在您已準備好可以在 DataGrid 控制項中顯示的範例資料集合。

如需有關修改範例資料與新增更多資料屬性的詳細資訊，請參閱修改範例資料。

有許多方法可以將資料繫結至畫板上的控制項。下列程序會顯示當您使用 DataGrid 控制項時，將資料繫結至畫板上的控制項的最快方法。

如需其他選項，請參閱將物件繫結至資料。

在 [工具] 面板中，按一下 [資產] 。

秘訣：

您也可以按一下 [視窗] 功能表上的 [資產]，在固定面板中顯示 [資產] 面板。
在 [資產] 面板中，展開 [控制項]，按一下 [全部]，然後按一下 DataGrid 控制項。

[工具] 面板中的 [資產] 之下的按鈕會顯示 DataGrid 控制項的圖示，而且呈選取狀態。
使用滑鼠在主文件中的畫板上繪製稍大的 DataGrid 物件。
在 [資料] 面板中，將您的範例資料集合 ( [集合]) 拖曳至新的資料格線物件上。

資料格線會顯示範例資料來源中的集合，並將影像屬性轉換為影像物件，以及將布林值屬性轉換為核取方塊。

秘訣：
您也可以按一下 [視窗] 功能表上的 [資產]，在固定面板中顯示 [資產] 面板。

按 F5 執行應用程式。

如果您使用的是前一個程序的範例資料，而且在測試應用程式時啟用了範例資料，那麼應該會看到以下畫面：

Ee341396.c5466ecc-fe83-4d23-96c0-ca058daa29d0(zh-tw,Expression.40).png

秘訣：
若要在修改 DataGrid 物件所顯示的範例資料後，更新畫板上的 DataGrid 物件，您可以將個別的資料屬性拖曳至控制項以增加新欄，也可以再次拖曳整個集合。在 [物件與時間軸] 面板中，您可以展開 DataGrid 物件的 [欄] 節點來刪除和重新排序欄。

當您將資料集合拖曳至資料格線控制項上時，欄標籤會依照屬性名稱來設定。不過，在填入資料格線控制項之後，您可以變更欄標籤。

在 [物件與時間軸] 面板中，展開 [DataGrid] 物件以顯示欄物件。
選取第一個欄物件 ( [DataGridTemplateColumn] "Property1" )。在 [屬性] 面板中的 [Header] 屬性旁邊，輸入描述名稱，例如 Description ，然後按 ENTER。
選取另外兩個欄物件並變更其名稱。
按 F5 執行應用程式。

如果您使用的是前一個程序的範例資料，而且在測試應用程式時啟用了範例資料，那麼應該會看到類似以下的畫面：

您可以修改控制項的屬性，或修改用來設定其樣式的範本，以變更控制項的外觀。您可以修改整個範本、空的列範本，以及套用至個別儲存格、標題範本及其他的範本。

如需詳細資訊，請參閱建立或修改範本。

在 [物件與時間軸] 面板中或在畫板上，以滑鼠右鍵按一下 DataGrid 物件，然後依序指向 [編輯其他範本] 及 [編輯　ColumnHeaderStyle]，再按一下 [編輯複本]。
在 [建立樣式資源] 對話方塊中，按一下 [確定]。

Expression Blend 會進入範本編輯模式。畫板頂端的階層連結列會顯示您正在 DataGrid 物件內編輯範本。

在 [物件與時間軸] 面板中，將其他物件新增至範本，或在 [屬性] 面板中修改現有物件的屬性。例如，在 [Grid] 物件中，有一個名為 SortIcon 的路徑代表排序按鈕的圖示。您可以將這個圖示變更為影像，或修改路徑。當您執行應用程式並按下欄標題時，就會顯示排序按鈕。

秘訣：
有些屬性可能會顯示黃色週框方塊，以表示它們已繫結至資料或繫結至使用範本之控制項的屬性 (範本繫結)。如需範本繫結的詳細資訊，請參閱設定支援範本之控制項的樣式。

有些屬性可能會顯示黃色週框方塊，以表示它們已繫結至資料或繫結至使用範本之控制項的屬性 (範本繫結)。

如需範本繫結的詳細資訊，請參閱設定支援範本之控制項的樣式。

在畫板上，以滑鼠右鍵按一下顯示影像之資料格線物件中的儲存格，依序指向 [編輯欄範本] 和 [編輯 CellTemplate]，然後按一下 [編輯目前的項目]。
在 [物件與時間軸] 面板中，新增其他物件至 [StackPanel] 版面配置容器 (例如著作權符號)，或選取 [Image] 物件並在 [屬性] 面板中修改其屬性。

您所做的變更會影響所有包含影像的儲存格。

在 [物件與時間軸] 面板中，選取 [DataGrid] 物件。
在 [屬性] 面板中的 [列] 底下，按一下 AlternatingRowBackground 屬性旁邊的矩形內部。

筆刷編輯器隨即出現。
按一下色彩編輯器頂端的其中一個索引標籤，以選取筆刷類型。如果您使用現有的筆刷 ([單色筆刷] ) 並變更色彩，請確定增加 Alpha 屬性，如此一來色彩才不會透明。
您可以透過修改 [RowBackground] 屬性來變更其他列的色彩。

如需有關修改筆刷的詳細資訊，請參閱設定色彩、筆刷與遮罩。