內容 索引 搜尋
 

使用點陣圖效果自訂 SimpleTabItem

使用 SimpleTabItem 範本可以讓您更容易自訂索引標籤控制項的外觀。

將點陣圖效果新增至 SimpleTabItem

  1. 在畫板上繪製一個 SimpleTabControl。根據預設，SimpleTabControl 包含兩個 SimpleTabItem。
    提示 在 [資產庫] [資產庫] 按鈕 中，您可以從 [控制項] 索引標籤的 [Simple Styles] 類別中取得簡單樣式 (Simple Styles) 控制項。從清單中選取簡單樣式 (Simple Styles) 控制項之後，就可以在畫板上繪製該控制項。
  2. 以滑鼠右鍵按一下 [物件與時間軸] 下的其中一個索引標籤項目，指向 [編輯控制項組件 (範本)]，然後按一下 [編輯範本]。如果您不想變更 SimpleStyles.xaml 資源字典，可以按一下 [編輯複本] (不是 [編輯範本]) 以建立新範本並儲存至文件中。如需建立複本的詳細資訊，請參閱建立資源。
    提示 若要結束範本編輯模式並返回您的文件範圍，請在 [互動] 面板中的元素樹狀目錄上方按一下 [選定範圍] 按鈕 [選定範圍] 按鈕。

    若要返回現有範本的範本編輯模式，請在 [物件與時間軸] 下，以滑鼠右鍵按一下您要編輯其範本的元素，指向 [編輯控制項組件 (範本)]，然後按一下 [編輯範本]。
  3. 在控制項範本的編輯範圍中，選取 [物件與時間軸] 下的 [框線] 元素，然後在 [屬性] 面板 [外觀] 類別的進階區段 [選定範圍] 按鈕 中，按一下 [BitmapEffect] 屬性旁邊的下拉箭頭，然後按一下 [斜面]。根據預設，[BevelWidth] 屬性為 5。
  4. 在 [觸發程序] 面板中，選取 IsPressed 狀態來開啟觸發程序的錄製功能。在 [屬性] 面板中，同樣地按一下 BitmapEffect 屬性旁邊的下拉箭頭，再按一下 [斜面]，然後將 [BevelWidth] 屬性變更為 25。
    [觸發程序] 的 [使用時的屬性] 下會出現新行，反映當滑鼠按一下索引標籤項目時會發生的屬性變更。
  5. 按一下 [選定範圍] 按鈕 [選定範圍] 按鈕，返回文件的編輯範圍。
  6. 若要將自訂範本套用至索引標籤控制項中的其他索引標籤項目，請以滑鼠右鍵按一下 [物件與時間軸] 下的其他索引標籤項目，指向 [編輯控制項組件 (範本)]，再指向 [套用資源]，然後按一下自訂範本的名稱。
  7. 測試您的應用程式 (F5) 以查看效果。