高级桌面编程（二）

一、前言

文章的续作前文是：

高级桌面编程（一）-CSDN博客https://blog.csdn.net/qq_71897293/article/details/135072204?spm=1001.2014.3001.5502

二、自定义控件

1创建自定义控件，如下图所示：

2 在创建的页面可以自定义其控件外观。

举个例子：

<UserControl
    x:Class="WpfApp1.UserControl1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:WpfApp1"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Name="User"
    Width="100"
    Height="100"
    mc:Ignorable="d">
    <UserControl.Resources>
        <!--  在这里添加您需要用到的引用  -->
    </UserControl.Resources>
    <Canvas>
        <Rectangle
            Width="100"
            Height="100"
            RadiusX="12.5"
            RadiusY="12.5">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="1,-1.68" EndPoint="0,1">
                    <GradientStop Offset="0" Color="#FFBEAF57" />
                    <GradientStop Offset="1" Color="#FFFFFFFF" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Image
            Canvas.Left="14"
            Canvas.Top="5"
            Width="76"
            Height="59"
            Source="{Binding ElementName=User, Path=Imagestr}" />
        <TextBlock
            Canvas.Left="50"
            Canvas.Top="68"
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            FontSize="20"
            Text="{Binding ElementName=User, Path=YouName}"
            TextAlignment="Center"
            TextWrapping="Wrap" />
    </Canvas>
</UserControl>

使用方式：

<Window
    x:Class="WpfApp1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="MainWindow"
    xmlns:loc="clr-namespace:WpfApp1"
    Width="643"
    Height="384"
    BorderThickness="0"
    mc:Ignorable="d">
    <Grid>
        <loc:UserControl1 Imagestr="C:\Users\Administrator\Desktop\image\2 (4).jpg" YouName="龙"/>
    </Grid>
</Window>

注意：创造依赖属性必须通过 DependencyProperty.Register静态的方法来配置属性。

1 DependencyProperty.Register静态方法介绍

具有3-5个参数的重载。前面三个参数分别：属性名称、属性的类型、包含属性的类的类型。后面参数。PropertyMetadata类型它可以提供属性的默认值以及值更新后触发的回调。

举个例子：

 public string YouName
 {
     get { return (string)GetValue(YouNameProperty); }
     set { SetValue(YouNameProperty, value); }
 }
 public static readonly DependencyProperty YouNameProperty =
     DependencyProperty.Register(
         "YouName", 
         typeof(string), 
         typeof(UserControl1),
         new PropertyMetadata ("",Onel)
       );

 private static void Onel(DependencyObject d, DependencyPropertyChangedEventArgs e)
 {
     //值更新触发当前方法
 }

ValidateValueCallback类型的参数为验证值的回调方法。

举个例子:

   public string YouName
   {
       get { return (string)GetValue(YouNameProperty); }
       set { SetValue(YouNameProperty, value); }
   }

   public static readonly DependencyProperty YouNameProperty =
       DependencyProperty.Register(
           "YouName", 
           typeof(string), 
           typeof(UserControl1),
           new PropertyMetadata ("",Onel),
           new ValidateValueCallback(Check));
   private static bool Check(object value)
   {
       //判断的业务代码
       return false; //代表当前值无效
   }

   private static void Onel(DependencyObject d, DependencyPropertyChangedEventArgs e)
   {

   }

提示：并非一定要创建属性来获取依赖属性的值，其实可以通过公共方法来获取依赖属性的值，如公共方法 GetValue 与SetValue

1 FrameworkPropertyMetadata 介绍

其中PropertyMetadata的构造函数具有11个重载版本其中：defaultValue 默认值、PropertyChangedCallback 回调函数、CoerceValueCallback 强制转换属性值的类型时要调用的回调方法、bool 类型 isAnimationProhibited 指定该属性是否可在动画过程中发生变化、UpdateSouruceTrigger 数据更新的方式。

拓展

矩形控件怎么绘制圆？答：属性RadiusX RadiusY

<Rectangle
    Width="100"
    Height="100"
    RadiusX="12.5"
    RadiusY="12.5">
    <Rectangle.Fill>
        <LinearGradientBrush StartPoint="1,-1.68" EndPoint="0,1">
            <GradientStop Offset="0" Color="#FFBEAF57" />
            <GradientStop Offset="1" Color="#FFFFFFFF" />
        </LinearGradientBrush>
    </Rectangle.Fill>
</Rectangle>

Pata控件中的Data是什么意思？

我们可以用M大写，代表我们当前开始绘制图像的一个位置，路径的一个起点。如果我们使用的是小写M则是基于上一个点的一个偏差点如m25,0 就是相较上一个点X偏差25 Y没有偏差。其中L当我们使用L大写的时候即是代表我们要绘制一条直线，当我们小写的时候即代表我们当前这个点是相较于上一个点的距离。（相对距离）其中C代表我们要绘制一个不规则曲线，其中最后用Z结尾代表将当前的多边形进行闭合。（L 字母大写代表绝对位置小写则是相对上一个点的相对位置）其实大家不理解可以直接在Xaml当中绘画一下就知道了。

举个例子：

 <Path
     Margin="0,0,35,0"
     Data="M12,0  L47,0 C18,25 17,81 23,98 35,131 54,144 63,149 L12,149  C3,149 0,143 0,136       L0,12 C0,5 3,0 12,0  z"
     Fill="#FFFFFFFF"
     Stretch="Fill"
     Stroke="{x:Null}">
     <Path.OpacityMask>
         <LinearGradientBrush StartPoint="0,-0.06" EndPoint="0.957,1.127">
             <GradientStop Offset="0" Color="#FF000000" />
             <GradientStop Offset="1" Color="#00FFFFFF" />
         </LinearGradientBrush>
     </Path.OpacityMask>
 </Path>

触发器 DataTrigger的使用方式？

使用触发器 DataTrigger 时，它可以帮助您在某个数据对象的属性发生变化时触发特定的操作或更改元素的状态。

举个例子（XAML中）：

 <Style TargetType="Button">
     <Style.Triggers>
         <DataTrigger Binding="{Binding IsEnabled}" Value="True">
             <Setter Property="Background" Value="Green" />
         </DataTrigger>
     </Style.Triggers>
 </Style>