內容 索引 搜尋
 

使用簡單樣式 (Simple Styles)

Microsoft® Expression Blend? 不僅可讓您利用預設控制項或系統控制項設計應用程式的使用者介面 (UI),還可讓您依個人喜好實際自訂及設計控制項。只要使用 Expression Blend 中的資源,就能讓控制項呈現既獨特又具吸引力的外觀。您可以建立別具特色的應用程式,打造深刻的品牌印象,或是讓所有應用程式擁有一致的 UI。

什麼是簡單樣式 (Simple Styles)?

簡單樣式 (Simple Styles) 是針對一組常用的系統控制項 (例如 Button 和 ListBox 控制項) 所建立的自訂、立即可用的樣式資源。在修改系統控制項樣式時,若不具備 Windows Presentation Foundation (WPF) 樣式與範本方面的知識,極可能破壞控制項的功能。有鑑於此,Expression Blend 特別提供了簡單樣式 (Simple Styles) 資源。在 Expression Blend 中,您可以將簡單樣式 (Simple Styles) 當作一組獨立的資源來使用,不必事先研究 WPF 樣式與範本,就能快速修改這組資源,為應用程式建立獨特的外觀。

建立簡單樣式 (Simple Styles) 控制項

在 [資產庫] 中,按一下 [控制項] 索引標籤上的 [Simple Styles] 就可以取得簡單樣式 (Simple Styles)。選取 [全部顯示] 核取方塊來檢視所有可用的簡單樣式 (Simple Styles)。從 [資產庫] 中選取簡單樣式 (Simple Styles) 之後,[資產庫] 按鈕 資產庫按鈕上方就會顯示此簡單樣式 (Simple Styles) 的圖示並予以選取,表示可以準備在畫板上繪製。在畫板上繪製簡單樣式 (Simple Styles) 之後 (例如 SimpleButton),就已實際建立系統控制項 (例如 Button) 的例項,但會套用 SimpleButton 樣式。

如果要將簡單樣式 (Simple Styles) 套用至 [工具箱] 下拉式清單中可用的工具,在已選取 [控制項] 索引標籤上的 [Simple Styles] 時,您可以在 [資產庫] 中按一下 [做為預設值] 按鈕。

「資產庫」,顯示可用的簡單樣式 (Simple Styles) 控制項及用來設為預設樣式的選項

「資產庫」,顯示可用的簡單樣式 (Simple Styles) 控制項及用來設為預設樣式的選項。

下表列出可用的簡單樣式 (Simple Styles) 及套用的控制項。

簡單樣式 (Simple Styles)套用的控制項
SimpleButtonButton Button 控制項
SimpleCheckBoxCheckBox CheckBox 控制項
SimpleComboBoxComboBox ComboBox 控制項
SimpleComboBoxItemComboBoxItem
SimpleExpanderExpander Expander 控制項
SimpleLabelLabel Label 控制項
SimpleListBoxListBox ListBox 控制項
SimpleListBoxItemListBoxItem
SimpleMenuMenu Menu 控制項
SimpleMenuItemMenuItem MenuItem 控制項
SimpleProgressBarProgressBar ProgressBar 控制項
SimpleRadioButtonRadioButton RadioButton 控制項
SimpleRepeatButtonListBox 控制項中的 RepeatButton
SimpleScrollBarScrollBar ScrollBar 控制項
SimpleScrollBarRepeatButtonStyleScrollBar 控制項中的 RepeatButton
SimpleScrollViewerScrollViewer ScrollViewer 控制項
SimpleSeparatorListBox、Menu 或 ToolBar 控制項中的分隔符號
SimpleSliderSlider Slider 控制項
SimpleSliderThumbSlider 控制項中的 Thumb
SimpleTabControlTabControl TabControl 控制項
SimpleTabItemTabControl 中的 TabItem
SimpleTextBoxTextBox TextBox 控制項
SimpleThumbStyleListBox 控制項中的 ScrollBar 的 Thumb
SimpleTreeViewTreeView TreeView 控制項
SimpleTreeViewItemTreeView 控制項中的 TreeViewItem
SimpleTreeViewItemToggleButtonTreeView 控制項中的 ToggleButton

修改簡單樣式 (Simple Styles)

簡單樣式 (Simple Styles) 資源都放在一個名為 SimpleStyles.xaml 的資源字典中。當您將 [工具箱] 中的簡單樣式 (Simple Styles) 新增至畫板之後,SimpleStyles.xaml 資源字典就會新增至您的專案中,而且 [資源] 面板中會顯示所有的簡單樣式 (Simple Styles) 資源。

SimpleStyles.xaml 資源字典包含簡單樣式 (Simple Styles) 所用的筆刷資源及其他範本。您可以對簡單樣式 (Simple Styles) 做下列變更:

如需樣式與範本的比較細節,請參閱樣式與範本。如需簡單樣式 (Simple Styles) 的特定資訊及修改簡單樣式 (Simple Styles) 和控制項範本方面的範例,請參閱簡單樣式 (Simple Styles) 中的<參照>和<試試看!>所列出的主題。

將樣式資源套用至畫板上現有的控制項

簡單樣式 (Simple Styles) 是可以像任何其他資源一樣套用與管理的資源。如需範例,請參閱本使用者指南中的套用樣式資源。如需資源的詳細資訊,請參閱本使用者指南中的資源概觀