基于WPF实现路径图标控件
更新时间：2023年07月28日 09:09:17 作者：WPF开发者
这篇文章主要介绍了如何利用WPF实现路径图标控件，文中的示例代码讲解详细，对我们学习或工作有一定帮助，需要的小伙伴可以参考一下
WPF 实现路径图标控件
框架使用.NET4；
Visual Studio 2022;
实现方法
1）新增 PathIcon.cs 代码如下:
定义PathIcon类，它继承自Control类,新增两个依赖属性
Kind属性是一个枚举类型的依赖属性，用于指定图标的种类。Data属性是一个Geometry类型的依赖属性，用于存储图标的路径数据。
OnKindChanged当Kind属性发生变化时会被调用。它首先获取新值，并根据新值构建资源名称。然后，通过调用FindResource方法查找对应的$"WD.{kind}Geometry"资源，并将其赋值给Data属性。
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
namespace WPFDevelopers.Controls
{
public class PathIcon : Control
{
public static readonly DependencyProperty KindProperty =
DependencyProperty.Register(nameof(Kind), typeof(string), typeof(PathIcon),
new PropertyMetadata(string.Empty, OnKindChanged));
public static readonly DependencyProperty DataProperty =
DependencyProperty.Register(nameof(Data), typeof(Geometry), typeof(PathIcon));
public PackIconKind Kind
{
get { return (PackIconKind)GetValue(KindProperty); }
set { SetValue(KindProperty, value); }
}
public Geometry Data
{
get { return (Geometry)GetValue(DataProperty); }
set { SetValue(DataProperty, value); }
}
private static void OnKindChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var pathIcon = (PathIcon)d;
var kind = (string)e.NewValue;
if (!string.IsNullOrWhiteSpace(kind))
{
kind = $"WD.{kind}Geometry";
pathIcon.Data = (Geometry)pathIcon.FindResource(kind);
}
else
pathIcon.Data = null;
}
static PathIcon()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(PathIcon), new FrameworkPropertyMetadata(typeof(PathIcon)));
}
}
}2）新增 PathIcon.xaml 代码如下:
使用Viewbox控件包裹Path控件，以实现路径图标的缩放效果。
<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:controls="clr-namespace:WPFDevelopers.Controls">
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Basic/ControlBasic.xaml" />
</ResourceDictionary.MergedDictionaries>
<Style
x:Key="WD.PathIcon"
BasedOn="{StaticResource WD.ControlBasicStyle}"
TargetType="{x:Type controls:PathIcon}">
<Setter Property="Padding" Value="0" />
<Setter Property="FocusVisualStyle" Value="{x:Null}" />
<Setter Property="Focusable" Value="False" />
<Setter Property="Height" Value="16" />
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="VerticalContentAlignment" Value="Stretch" />
<Setter Property="Foreground">
<Setter.Value>
<Binding Path="Foreground" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type Control}}" />
</Setter.Value>
</Setter>
<Setter Property="Width" Value="16" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type controls:PathIcon}">
<Viewbox
Margin="{TemplateBinding Padding}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
UseLayoutRounding="True">
<Path
x:Name="PART_Path"
Data="{TemplateBinding Data}"
Fill="{TemplateBinding Foreground}"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
Stretch="Uniform"
UseLayoutRounding="False" />
</Viewbox>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style
x:Key="WD.MiniPathIcon"
BasedOn="{StaticResource WD.PathIcon}"
TargetType="{x:Type controls:PathIcon}">
<Setter Property="Height" Value="10" />
<Setter Property="Width" Value="7" />
</Style>
<Style BasedOn="{StaticResource WD.PathIcon}" TargetType="{x:Type controls:PathIcon}" />
</ResourceDictionary>3）新增示例 PathIconExample.xaml 代码如下:
<UniformGrid
HorizontalAlignment="Center"
VerticalAlignment="Center"
Columns="6"
Rows="2">
<Button
Margin="4"
wd:ElementHelper.IsRound="True"
Style="{StaticResource WD.PrimaryButton}">
<wd:PathIcon Data="M682 256h256v256l-98-98-268 268-170-170-256 256-60-60 316-316 170 170 208-208z" />
</Button>
<Button
Margin="4"
wd:ElementHelper.IsRound="True"
Style="{StaticResource WD.DangerPrimaryButton}">
<wd:PathIcon Kind="Arrow" />
</Button>
<Button
Margin="4"
wd:ElementHelper.IsRound="True"
Style="{StaticResource WD.DangerDefaultButton}">
<wd:PathIcon Kind="SortArrow" />
</Button>
<Button
Margin="4"
wd:ElementHelper.IsRound="True"
Style="{StaticResource WD.WarningDefaultButton}">
<wd:PathIcon Kind="SmileyOutline" />
</Button>
<Button
Margin="4"
wd:ElementHelper.IsRound="True"
Style="{StaticResource WD.DefaultButton}">
<wd:PathIcon Kind="Replace" />
</Button>
<Button
Margin="4"
wd:Badge.HorizontalOffset="17"
wd:Badge.IsShow="True"
wd:Badge.VerticalOffset="8"
wd:ElementHelper.IsRound="True"
Style="{StaticResource WD.SuccessDefaultButton}">
<wd:PathIcon Kind="Home" />
</Button>
<Button
Margin="4"
wd:ElementHelper.IsRound="True"
Style="{StaticResource WD.NormalButton}">
<wd:PathIcon PathData="M682 256h256v256l-98-98-268 268-170-170-256 256-60-60 316-316 170 170 208-208z" />
</Button>
<Button Margin="4" Style="{StaticResource WD.SuccessPrimaryButton}">
<wd:PathIcon Kind="Arrow" />
</Button>
<Button Margin="4" Style="{StaticResource WD.DangerPrimaryButton}">
<wd:PathIcon Kind="SortArrow" />
</Button>
<Button
Margin="4"
wd:Badge.IsShow="True"
Style="{StaticResource WD.WarningPrimaryButton}">
<wd:PathIcon
Width="20"
Height="20"
Kind="SmileyOutline" />
</Button>
<Button Margin="4" Style="{StaticResource WD.PrimaryButton}">
<wd:PathIcon Kind="Replace" />
</Button>
<Button Margin="4" Style="{StaticResource WD.SuccessPrimaryButton}">
<StackPanel Orientation="Horizontal">
<wd:PathIcon Kind="Home" />
<TextBlock Margin="4,0" Text="Home" />
</StackPanel>
</Button>
</UniformGrid>效果图
到此这篇关于基于WPF实现路径图标控件的文章就介绍到这了,更多相关WPF路径图标控件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了C# 中的“智能枚举”之如何在枚举中增加行为(示例代码),智能枚举跟设计模式的意义一样，可以帮助您避免重复的代码，并提高代码的可读性和可维护性，需要的朋友可以参考下2023-05-05
这篇文章主要介绍了C#创建数据库及附加数据库的操作方法,涉及C#针对数据库常见的创建、添加、连接等操作技巧,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了C#使用Equals()方法比较两个对象是否相等的方法,涉及C#操作对象的相关技巧,需要的朋友可以参考下2015-04-04
c#斐波那契数列(Fibonacci)(递归,非递归)实现代码
c#斐波那契数列(Fibonacci)(递归,非递归)实现代码，需要的朋友可以参考一下2013-05-05
这篇文章主要介绍了c# 循环语句的使用方法，文中代码非常详细，供大家参考和学习，感兴趣的朋友可以了解下2020-06-06
图片和文字是word文档中两种最常见的对象，在微软word中，如果我们想要提取出一个文档内的图片，只需要右击图片选择另存为然后命名保存就可以了，今天这篇文章主要是实现如何使用C#从word文档中提取图片，需要的朋友参考下2016-02-02
C#中sqlDataRead 的三种方式遍历读取各个字段数值的方法
这篇文章主要介绍了C#中 sqlDataRead 的三种方式遍历读取各个字段数值的方法，每种方法给大家介绍的都非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了Unity 修改FBX模型动画的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2021-04-04
本文是利用C#实现连连看的小例子，使用线程thread实现后台运行时间控制，实现代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-07-07
C# 9 中的record类型是仅具有只读属性的轻量级、不可变数据类型(或轻量级类),下面这篇文章主要给大家介绍了关于C# Record构造函数的行为更改的相关资料,需要的朋友可以参考下2021-08-08
最新评论