本文主要演示了如何提取和編輯Telerik UI for WPF的默認(rèn)控件模板的兩種方法。

從主題XAML文件中手動(dòng)提取控件模板

所有控件具有不同主題的 XAML 文件位于 Themes.Implicit 文件夾中。您可以在 Telerik UI for WPF 安裝目錄中找到此文件夾，例如 C:\Program Files (x86)\Progress\Telerik UI for WPF R2 2021\Themes.Implicit。

注意：從 2021 R2 發(fā)布版本開始，文件夾 WPF40 的名稱更改為 WPF。 文件夾中的 .xaml 文件適用于 .NET Framework 4.0 和 .NET Framework 4.5，引入了一個(gè)名為 NetCore 的文件夾，它針對(duì) .NET Core 3.1、.NET 5 和 .NET 6 框架。

以下示例顯示如何為 Office_Black 主題提取 RadListBox 控件模板：

• 導(dǎo)航到 Telerik UI for WPF 安裝目錄并打開 Themes.Implicit\WPF\OfficeBlack\Themes 文件夾。您可以選擇 WPF 文件夾中的任何可用主題，文件夾名稱對(duì)應(yīng)于主題名稱。
• 找到 Telerik.Windows.Controls.xaml 文件并使用您喜歡的編輯器打開它。若要查找任何控件的 XAML 文件，您需要知道包含該控件的程序集名稱，XAML 文件的名稱對(duì)應(yīng)于程序集的名稱。

圖 1：導(dǎo)航到所需的 XAML 文件

注意：始終從您在應(yīng)用程序中使用的主題中提取所需的控件模板。例如，如果您的應(yīng)用程序使用 Office Black 主題，請(qǐng)從 Themes.Implicit\WPF\OfficeBlack\Themes 文件夾中提取控件模板。 每個(gè)主題的控件模板都不同，使用錯(cuò)誤的模板可能會(huì)導(dǎo)致錯(cuò)誤或不良操作。

• 在編輯器中，找到 RadListBox 控件的默認(rèn)樣式，它被稱為 RadListBoxStyle。默認(rèn)樣式遵循控件+樣式的約定名稱，例如，RadListBoxStyle。
• 在 RadListBoxStyle 下，導(dǎo)航到 Template 屬性設(shè)置器的值，它指向控件模板。
• 從 XAML 文件復(fù)制 RadListBox 控件模板。

復(fù)制模板后，您可以修改它并將其應(yīng)用到控件的單個(gè)實(shí)例或整個(gè)應(yīng)用程序，方法是創(chuàng)建所需的樣式并設(shè)置其 Template 屬性。

注意：更改控制模板時(shí)，您必須包括所有必需的部分。 即使您的代碼可以編譯，某些功能也可能會(huì)由于省略所需的部分而受到影響，所需部件標(biāo)有前綴“PART_”。

 要在 RadListBox 控件周圍添加圓形紅色邊框，請(qǐng)按照上述步驟提取控件模板。 然后修改控制模板，如下面的示例 1 所示。

示例 1：在 RadListBox 控件周圍添加邊框

XAML

<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/Telerik.Windows.Themes.Office_Black;component/Themes/Telerik.Windows.Controls.xaml"/>
</ResourceDictionary.MergedDictionaries>

<Style BasedOn="{StaticResource RadListBoxStyle}" TargetType="telerik:RadListBox">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="telerik:RadListBox">
<Grid>
<ScrollViewer x:Name="PART_ScrollViewer"
Margin="0"
Padding="{TemplateBinding Padding}"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
IsTabStop="False"
HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}">

<!-- Here is the additional Border -->
<Border CornerRadius="10" BorderBrush="Red" BorderThickness="1">
<ItemsPresenter/>
</Border>

<ScrollViewer.InputBindings>
<KeyBinding Command="telerikPrimitives:ListControl.SelectAllCommand" Key="A" Modifiers="Control"/>
</ScrollViewer.InputBindings>
</ScrollViewer>
<ContentPresenter x:Name="PART_DropVisualPlaceholder" Visibility="Collapsed" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>
</Application.Resources>

圖 2：帶有紅色邊框的 RadListBox 控件

Telerik UI for WPF | 下載試用

Telerik UI for WPF擁有超過100個(gè)控件來創(chuàng)建美觀、高性能的桌面應(yīng)用程序，同時(shí)還能快速構(gòu)建企業(yè)級(jí)辦公WPF應(yīng)用程序。UI for WPF支持MVVM、觸摸等，創(chuàng)建的應(yīng)用程序可靠且結(jié)構(gòu)良好，非常容易維護(hù)，其直觀的API將無縫地集成Visual Studio工具箱中。

更多產(chǎn)品正版授權(quán)詳情及優(yōu)惠，歡迎咨詢