c# WPF中CheckBox樣式的使用總結(jié)
更新時(shí)間：2021年03月05日 11:09:56 作者：Hello 尋夢(mèng)者！
這篇文章主要介紹了c# WPF中CheckBox樣式的使用總結(jié)，幫助大家更好的理解和學(xué)習(xí)使用c#，感興趣的朋友可以了解下
背景
很多時(shí)候我們使用WPF開發(fā)界面的時(shí)候經(jīng)常會(huì)用到各種空間，很多時(shí)候我們需要去自定義控件的樣式來替換默認(rèn)的樣式，今天通過兩個(gè)方法來替換WPF中的CheckBox樣式，透過這兩個(gè)例子我們可以掌握基本的WPF樣式的開發(fā)如何定義ControlTemplate以及使用附加屬性來為我們的控件增加新的樣式。
常規(guī)使用
我們?cè)谑褂肅heckBox的時(shí)候，原始的樣式有時(shí)不能滿足我們的需求，這是我們就需要更改其模板，比如我們常用的一種，在播放器中“播放”、“暫?！卑粹o，其實(shí)這也是一種CheckBox,只不過我們只是修改了其相關(guān)的模板罷了，下面貼出相關(guān)代碼：
<CheckBox.Style>
<Style TargetType="{x:Type CheckBox}">
<Setter Property="Focusable" Value="False" />
<Setter Property="IsTabStop" Value="False" />
<!--把OverridesDefaultStyle設(shè)置為True，表示這個(gè)控件不使用當(dāng)前Themes的任何屬性。-->
<Setter Property="OverridesDefaultStyle" Value="True" />
<Style.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type CheckBox}">
<Grid Background="Transparent">
<Image Source="/EarthSimulation;component/Images/按鈕-播放.png"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsChecked" Value="False">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type CheckBox}">
<Grid Background="Transparent">
<Image Source="/EarthSimulation;component/Images/按鈕-暫停.png"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</CheckBox.Style>
</CheckBox>
進(jìn)階用法
上面的使用較為簡(jiǎn)單，下面我們通過一個(gè)更加復(fù)雜一些的例子來增加對(duì)自定義控件模板的理解，我們先來看看我們定義的樣式。
<Style x:Key="CheckBoxStyle" TargetType="{x:Type CheckBox}">
<Setter Property="FocusVisualStyle" Value="{x:Null}"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type CheckBox}">
<Border x:Name="templateRoot" Background="{TemplateBinding Background}" >
<Grid SnapsToDevicePixels="True">
<Grid.Resources>
<PathGeometry x:Key="geometryCheck" Figures="M540.5696 102.4c-225.83296 0-409.6 183.74656-409.6 409.6s183.76704 409.6 409.6 409.6c225.87392 0 409.6-183.74656 409.6-409.6S766.44352 102.4 540.5696 102.4zM721.16224 468.48l-175.37024 175.39072c-12.20608 12.1856-28.20096 18.28864-44.19584 18.28864-15.95392 0-31.96928-6.10304-44.15488-18.28864l-97.44384-97.44384c-24.39168-24.39168-24.39168-63.93856 0-88.33024 24.39168-24.41216 63.91808-24.41216 88.35072 0l53.248 53.248 131.23584-131.21536c24.35072-24.3712 63.95904-24.3712 88.33024 0C745.55392 404.52096 745.55392 444.08832 721.16224 468.48z"/>
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="20"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="30"/>
</Grid.ColumnDefinitions>
<Border>
<Path Width="18" Height="18" Stretch="Uniform"
Data="{Binding (local_ctrl:GeometryAP.IconGeometry), RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type CheckBox}}}"
Fill="{Binding (local_ctrl:GeometryAP.IconFill), RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type CheckBox}}}"/>
</Border>
<ContentPresenter x:Name="contentPresenter" Grid.Column="1" Focusable="False"
Margin="{TemplateBinding Padding}"
RecognizesAccessKey="True"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
HorizontalAlignment="Left"
VerticalAlignment="Center"/>
<Border x:Name="checkBoxBorder"
Grid.Column="2"
Margin="1"
BorderBrush="Transparent"
BorderThickness="1"
Background="Transparent"
HorizontalAlignment="Left"
VerticalAlignment="Center">
<Grid x:Name="markGrid">
<Path x:Name="optionMark" Width="20" Height="20"
Stretch="Uniform"
Data="{StaticResource geometryCheck}"
Fill="LightSeaGreen" Margin="1" Opacity="0"/>
</Grid>
</Border>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="HasContent" Value="true">
<Setter Property="Padding" Value="4,-1,0,0"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="Background" Value="#22222222"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Opacity" Value=".3"/>
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="Background" Value="#22333333"/>
</Trigger>
<Trigger Property="IsChecked" Value="true">
<Setter Property="Opacity" TargetName="optionMark" Value="1"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
后面我們?cè)賮砜纯?，我們使用CheckBox的地方。
<CheckBox Grid.Row="1" Grid.Column="1"
IsChecked="{Binding VM.IsHorizontal,ElementName=_this}" Content="Horizontal"
Style="{StaticResource CheckBoxStyle}"
local_ctrl:GeometryAP.IconGeometry="{StaticResource geometryDirection}"
local_ctrl:GeometryAP.IconFill="LightSeaGreen"/>
這個(gè)地方我們?yōu)镃heckBox增加了兩個(gè)附加屬性IconGeometry、IconFill這樣我們就能夠?qū)⑦@兩個(gè)附加屬性綁定到CheckBox樣式中的Path里面的Data和Fill依賴項(xiàng)屬性上面，通過上面的過程我們就能夠定義各種各樣的CheckBox樣式了，下面我們看看我們定義的這兩個(gè)附加屬性具體的代碼。
public class GeometryAP : DependencyObject
{
public static PathGeometry GetIconGeometry(DependencyObject obj)
{
return (PathGeometry)obj.GetValue(IconGeometryProperty);
}
public static void SetIconGeometry(DependencyObject obj, PathGeometry value)
{
obj.SetValue(IconGeometryProperty, value);
}
public static Brush GetIconFill(DependencyObject obj)
{
return (Brush)obj.GetValue(IconFillProperty);
}
public static void SetIconFill(DependencyObject obj, Brush brush)
{
obj.SetValue(IconFillProperty, brush);
}
public static readonly DependencyProperty IconGeometryProperty = DependencyProperty.RegisterAttached("IconGeometry", typeof(PathGeometry), typeof(GeometryAP));
public static readonly DependencyProperty IconFillProperty = DependencyProperty.RegisterAttached("IconFill", typeof(Brush), typeof(GeometryAP), new PropertyMetadata(Brushes.Transparent));
}
樣式欣賞
以上就是c# WPF中CheckBox樣式的使用總結(jié)的詳細(xì)內(nèi)容，更多關(guān)于c# WPF中CheckBox樣式的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
您可能感興趣的文章:
- ASP.NET C#中Application的用法教程
- 用c#獲得當(dāng)前用戶的Application Data文件夾位置
- C# WPF如何反射加載Geometry幾何圖形數(shù)據(jù)圖標(biāo)
- c# wpf如何附加依賴項(xiàng)屬性
- c# WPF中的TreeView使用詳解
- c# wpf如何使用Blend工具繪制Control樣式
- c# 基于GMap.NET實(shí)現(xiàn)電子圍欄功能（WPF版）
- c# wpf使用GMap.NET類庫,實(shí)現(xiàn)地圖軌跡回放
- c# 基于wpf,開發(fā)OFD電子文檔閱讀器
- c# WPF中自定義加載時(shí)實(shí)現(xiàn)帶動(dòng)畫效果的Form和FormItem
- c# wpf如何更好的使用Application程序集資源
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了C#使用FileStream對(duì)象讀寫文件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
C#實(shí)現(xiàn)將記事本中的代碼編譯成可執(zhí)行文件的方法
這篇文章主要介紹了C#實(shí)現(xiàn)將記事本中的代碼編譯成可執(zhí)行文件的方法,很實(shí)用的技巧,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細(xì)介紹了C#實(shí)現(xiàn)餐飲管理系統(tǒng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
.NET創(chuàng)建、刪除、復(fù)制文件夾及其子文件的實(shí)例方法
.NET創(chuàng)建、刪除、復(fù)制文件夾及其子文件的實(shí)例方法，需要的朋友可以參考一下2013-03-03
C# DataSet的內(nèi)容寫成XML時(shí)如何格式化字段數(shù)據(jù)
許多讀者經(jīng)常詢問一個(gè)問題，那就是在將DataSet的內(nèi)容寫成XML時(shí)，如何格式化字段數(shù)據(jù)。最常見的需求，就是希望日期時(shí)間值與數(shù)值數(shù)據(jù)能夠以所需的格式呈現(xiàn)于XML中。2009-02-02
WPF數(shù)據(jù)綁定時(shí)出現(xiàn)StringFormat失效的原因和解決方法
在數(shù)據(jù)綁定過程中,我們經(jīng)常會(huì)使用StringFormat對(duì)要顯示的數(shù)據(jù)進(jìn)行格式化,以便獲得更為直觀的展示效果,但在某些情況下格式化操作并未生效,所以本文介紹了WPF數(shù)據(jù)綁定時(shí)出現(xiàn)StringFormat失效的原因和解決方法,需要的朋友可以參考下2024-12-12
C#使用MSTest進(jìn)行單元測(cè)試的示例代碼
MSTest是微軟官方提供的.NET平臺(tái)下的單元測(cè)試框架,這篇文章主要為大家詳細(xì)介紹了C#如何使用MSTest進(jìn)行單元測(cè)試,感興趣的小伙伴可以參考一下2023-12-12
由于最近的項(xiàng)目中需要用到大量的序列幀動(dòng)畫以及邏輯處理，本來想用Unity自帶的Animation組件來實(shí)現(xiàn)的，但由于甲方需求一再變更，需要處理的邏輯太多，為了方便修改和拓展，所以就根據(jù)自己項(xiàng)目的需求自定義了一個(gè)序列幀播放組件來輔助開發(fā)2022-01-01
這篇文章主要介紹了C# WPF實(shí)現(xiàn)的語音播放自定義控件，幫助大家更好的理解和學(xué)習(xí)使用c# WPF技術(shù)，感興趣的朋友可以了解下2021-04-04
C# Split分隔字符串的應(yīng)用(C#、split、分隔、字符串)
C# Split分隔字符串主要包括用字符串分隔,用多個(gè)字符來分隔,用單個(gè)字符來分隔等方法實(shí)現(xiàn)，下面的具體的實(shí)現(xiàn)代碼2008-11-11