詳解WPF樣式

一、WPF樣式庫

WPF樣式庫是一組預定義的樣式，用於快速應用於WPF控制項。通過使用WPF樣式庫，可以快速為應用程序創建專業外觀和樣式統一的用戶界面。WPF樣式庫提供了一些常用控制項的樣式，如按鈕、文本框、列表控制項等。

下面是一個WPF樣式庫中按鈕的代碼示例：

<Window.Resources>
  <ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
      <ResourceDictionarySource Source="/PresentationFramework.Aero;component/themes/Aero.NormalColor.xaml"/>
    </ResourceDictionary.MergedDictionaries>
  </ResourceDictionary>
</Window.Resources>

<Button Content="樣式測試" />

上述代碼中，我們先通過 ResourceDictionary 定義了一個資源字典，然後在其中引用了 Aro.NormalColor 主題的樣式庫。最後，我們通過 Button 元素應用了該樣式。

二、WPF按鈕樣式

WPF 按鈕是最常用的控制項之一。它提供了多種不同樣式，可以通過樣式庫進行選擇。當然，我們也可以自定義樣式以達到滿足特定需求的目的。

下面是一個 WPF 按鈕的自定義樣式的示例：

<Style TargetType="Button">
  <Setter Property="Background" Value="#4CAF50" />
  <Setter Property="BorderBrush" Value="#4CAF50" />
  <Setter Property="Foreground" Value="White" />
  <Setter Property="FontSize" Value="16" />
  <Setter Property="Padding" Value="10 5" />
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="Button">
        <Border Name="border"
                BorderThickness="1"
                BorderBrush="{TemplateBinding BorderBrush}"
                Background="{TemplateBinding Background}"
                CornerRadius="2">
          <ContentPresenter HorizontalAlignment="Center"
                              VerticalAlignment="Center"
                              TextBlock.Foreground="{TemplateBinding foreground}" />
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

上述代碼定義了一些樣式，包括顏色、字體大小和邊距等等。其中最重要的是 ControlTemplate 代碼段，這個代碼塊定義了控制項的整個視覺外觀。

三、WPF樣式模板

WPF 樣式模板是一種針對控制項的外觀和行為進行定義的方式。樣式模板允許你完全自定義控制項的外觀，同時可以改變控制項的行為。

下面是一個WPF樣式模板的示例：

<Style TargetType="Button">
  <Setter Property="Background" Value="#4CAF50" />
  <Setter Property="BorderBrush" Value="#4CAF50" />
  <Setter Property="Foreground" Value="White" />
  <Setter Property="FontSize" Value="16" />
  <Setter Property="Padding" Value="10 5" />
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="Button">
        <Border Name="border"
                BorderThickness="1"
                BorderBrush="{TemplateBinding BorderBrush}"
                Background="{TemplateBinding Background}"
                CornerRadius="2">
          <ContentPresenter HorizontalAlignment="Center"
                              VerticalAlignment="Center"
                              TextBlock.Foreground="{TemplateBinding Foreground}" />
        </Border>
        <ControlTemplate.Triggers>
          <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="border" Property="Background" Value="#388E3C" />
            <Setter TargetName="border" Property="BorderBrush" Value="#388E3C" />
          </Trigger>
          <Trigger Property="IsPressed" Value="True">
            <Setter TargetName="border" Property="Background" Value="#2E7D32" />
            <Setter TargetName="border" Property="BorderBrush" Value="#2E7D32" />
          </Trigger>
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

上面的 Code-behind 中的 XAML 代碼定義了一個 WPF 樣式模板，其中包含用於創建自定義按鈕的模板控制項。通過使用樣式模板，可以自定義按鈕的外觀和行為。

四、WPF樣式與控制項模板區別

WPF 樣式和控制項模板都是用於自定義控制項外觀和行為的機制。它們的關鍵區別在於它們應用的方面。

控制項模板是用於定義控制項外觀和行為的方式，一般用於較大的控制項，如 Window、TabControl、Button 等。可以視為對整個控制項進行修改，但是控制項模板修改需要修改整個控制項的外觀和行為。

而樣式是用於為一個或多個控制項定義外觀和行為的方式，一般處理簡單的控制項，如 TextBlock、Button 等。它不僅允許為控制項定義外觀和行為，還可以將改樣式應用於一批控制項。

五、WPF樣式置空

我們可以使用樣式屬性的 Null 值來清除控制項或控制項內容的樣式。這在需要回到默認狀態時非常有用。

<Button Style="{x:Null}" Content="無樣式按鈕" />

上述代碼將 WPF 按鈕的樣式刪除。

六、WPF樣式設計總結

在設計 WPF 樣式時，有以下注意事項：

1. 樣式概念理解：樣式是對WPF控制項，特別是控制項外觀的定義，幫助保持視覺一致，為應用程序創建更獨特的用戶體驗。

2. 樣式元素定義：樣式元素可分為字體、顏色、邊界、填充等，這些元素是制定WPF控制項的可視化外觀。

3. 樣式應用方法：樣式有兩種應用方式，一種是通過樣式庫，它包含一組預定義的樣式，所涵蓋的控制項過多，另一種則是自定義樣式，自定義樣式允許我們對應用程序進行更多的定製化。

4. 樣式細節完善：通常需要在樣式中加入觸發器、動畫，從而為應用程序帶來更豐富的外觀效果。

總的來說，WPF 樣式設計需要考慮到整個應用程序的外觀和一致性，同時要根據應用程序的特定需求進行個性化定製。

七、WPF樣式模板與用戶控制項區別

WPF 樣式模板和用戶控制項都是自定義控制項的方式，但是它們在設計概念和定義方面存在一些差異。

WPF 樣式模板：是一種通用的控制項外觀和行為定義方式。它的設計重點是外觀，可以應用於多種情況，也可以重用。使用樣式模板，可以很容易地編輯控制項外觀、控制項狀態的視覺效果。

用戶控制項：是一種自定義控制項類型，它可以包含多個控制項、多個 UI 元素，以及事件處理程序等。在用戶控制項中，我們不能像樣式模板一樣針對不同狀態定製控制項的視覺效果。用戶控制項用於在應用程序中多個地方應用一個組件。

總之，要根據應用場景的不同和需要進行選擇，WPF 樣式模板用於定義控制項的外觀，而用戶控制項則用於模塊化我們的應用程序，使代碼更輕便。

八、WPF過時了嗎？

WPF 是一種很出色的框架，使用非常廣泛，它提供了更豐富的 UI 元素、更高的開發效率和更高的可維護性。雖然它已經發布了很長時間，但它仍然是一個非常有用的框架，在一些大型桌面應用程序中，它仍然是開發人員的首選。

雖然 WPF 過時的說法時有耳聞，但是當前它仍然可以勝任大多數開發任務。技術始終在不斷發展變化，不同技術棧的出現，使得開發人員可以使用更多的框架來創建應用程序。但只要我們絕對於選擇合適的框架，使用最合適的技術棧，就能不斷提升我們的開發能力和水平。