試試看:自訂 SimpleCheckBox 中核取記號的外觀

本頁僅適用 WPF 專案

在 Microsoft Expression Blend 中,您可以使用 SimpleCheckBox 控制項範本輕鬆地自訂核取記號的外觀。

自訂 SimpleCheckBox 中的核取記號

  1. 在 Expression Blend 中的畫板上繪製 SimpleCheckBox

    Cc294564.alert_tip(zh-tw,Expression.10).gif秘訣:

    在 [資產庫] Cc294564.0224cabd-5da1-4e01-bddd-4a647401a098(zh-tw,Expression.10).png 中,您可以從 [控制項] 索引標籤的 [簡單樣式] 類別中取得簡單樣式 (Simple Styles) 控制項。從清單中選取簡單樣式 (Simple Styles) 控制項之後,就可以在畫板上繪製該控制項。

  2. 以滑鼠右鍵按一下 [物件與時間軸] 下的核取方塊,指向 [編輯控制項組件 (範本)],然後按一下 [編輯範本]。若不想變更 SimpleStyles.xaml 資源字典,您可以按一下 [編輯複本] (而非 [編輯範本]) 以建立新範本,並將其儲存至文件中。如需有關建立複本的詳細資訊,請參閱建立資源

    Cc294564.alert_tip(zh-tw,Expression.10).gif秘訣:

    若要結束範本編輯模式並返回您的文件範圍,請在 [互動] 面板中的元素樹狀目錄上方,按一下 [選定範圍] 按鈕 Cc294564.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(zh-tw,Expression.10).png

    若要返回現有範本的範本編輯模式,請在 [物件與時間軸] 下,以滑鼠右鍵按一下要編輯範本的元素,指向 [編輯控制項組件 (範本)],然後按一下 [編輯範本]。

  3. 在控制項範本的編輯範圍中,展開 [物件與時間軸] 下的所有節點。刪除 [CheckMark] 路徑元素。

  4. 按兩下 [格線] 元素,使其成為使用中狀態,以便新增子元素。

  5. 使用 [工具箱] 中的 [畫筆] 工具 Cc294564.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(zh-tw,Expression.10).png,在 [Grid] 元素中繪製路徑。您可以使用 [直接選取] 工具 Cc294564.6dd6571f-c116-451d-8dd2-1f88b8406362(zh-tw,Expression.10).png,調整路徑上的點來修改路徑。

    Cc294564.alert_tip(zh-tw,Expression.10).gif秘訣:

    若要放大顯示畫板上的內容,您可以使用畫板底部的 [縮放] 文字方塊 Cc294564.12524287-c48b-4cfc-b614-01951207239d(zh-tw,Expression.10).png,或是在按住 CTRL 鍵時使用滑鼠上的滾輪。

    Cc294564.alert_tip(zh-tw,Expression.10).gif秘訣:

    除了使用 [畫筆] 工具繪製路徑元素以外,您也可以使用從 Microsoft Expression Design 2 匯入的藝術資源,或是已新增至您專案中的影像檔案。

  6. 當您刪除 CheckMark 路徑元素時,也會一併刪除讓該元素顯示與消失的觸發程序。若要重新建立觸發程序,請在 [互動] 面板的 [觸發程序] 下按一下 [IsChecked = False]。在 [物件與時間軸] 下選取新的核取記號元素,然後在 [屬性] 面板的 [外觀] 下,將 [Visibility] 屬性設為 [Collapsed]。

  7. 測試您的應用程式 (F5) 以查看效果。

請參閱

概念

SimpleCheckBox