wpf 无外观控件通过重写OnApplyTemplate进行代码绑定，减少模板绑定代码

最新推荐文章于 2023-05-12 16:40:48 发布
最新推荐文章于 2023-05-12 16:40:48 发布
阅读量1.1k 收藏 3
点赞数 1
分类专栏： WPF 文章标签： UserControl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxm809/article/details/124237454
版权

1 新建wpf项目

2 新建wpf UserControl类库

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Input;
using System.Windows.Media;

namespace CustomControl
{
    [TemplatePart(Name = "PART_RedSlider", Type = typeof(RangeBase))]
    [TemplatePart(Name = "PART_BlueSlider", Type = typeof(RangeBase))]
    [TemplatePart(Name = "PART_GreenSlider", Type = typeof(RangeBase))]
    [TemplatePart(Name = "PART_PreviewBrush", Type = typeof(SolidColorBrush))]
    public class ColorPicker : Control
    {
        public Color Color
        {
            get { return (Color)GetValue(ColorProperty); }
            set { SetValue(ColorProperty, value); }
        }

        public byte Red
        {
            get { return (byte)GetValue(RedProperty); }
            set { SetValue(RedProperty, value); }
        }
        public byte Green
        {
            get { return (byte)GetValue(GreenProperty); }
            set { SetValue(GreenProperty, value); }
        }

        public byte Blue
        {
            get { return (byte)GetValue(BlueProperty); }
            set { SetValue(BlueProperty, value); }
        }

        public static readonly DependencyProperty ColorProperty =
            DependencyProperty.Register("Color", typeof(Color), typeof(ColorPicker), new PropertyMetadata(Colors.Black, OnColorChanged));

        public static readonly DependencyProperty RedProperty =
            DependencyProperty.Register("Red", typeof(byte), typeof(ColorPicker), new PropertyMetadata(OnColorRGBChanged));

        public static readonly DependencyProperty GreenProperty =
            DependencyProperty.Register("Green", typeof(byte), typeof(ColorPicker), new PropertyMetadata(OnColorRGBChanged));

        public static readonly DependencyProperty BlueProperty =
            DependencyProperty.Register("Blue", typeof(byte), typeof(ColorPicker), new PropertyMetadata(OnColorRGBChanged));

        private static void OnColorRGBChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            ColorPicker uc = (ColorPicker)d;
            Color color = uc.Color;
            if (e.Property == RedProperty)
            {
                color.R = (byte)e.NewValue;
            }
            else if (e.Property == GreenProperty)
            {
                color.G = (byte)e.NewValue;
            }
            else if (e.Property == BlueProperty)
            {
                color.B = (byte)e.NewValue;
            }
            uc.Color = color;
        }

        private static void OnColorChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            ColorPicker uc = (ColorPicker)d;
            Color color = (Color)e.NewValue;
            uc.Red = color.R;
            uc.Green = color.G;
            uc.Blue = color.B;

            Color oldColor = (Color)e.OldValue;
            uc.PreviousColor = oldColor;

            RoutedPropertyChangedEventArgs<Color> args = new RoutedPropertyChangedEventArgs<Color>(oldColor, color);
            args.RoutedEvent = ColorChangedEvent;
            uc.RaiseEvent(args);

        }


        public static readonly RoutedEvent ColorChangedEvent = EventManager.RegisterRoutedEvent("ColorChanged", RoutingStrategy.Bubble,
            typeof(RoutedPropertyChangedEventHandler<Color>), typeof(ColorPickerUserControl));

        public event RoutedPropertyChangedEventHandler<Color> ColorChanged
        {
            add { AddHandler(ColorChangedEvent, value); }
            remove { RemoveHandler(ColorChangedEvent, value); }
        }


        Color? PreviousColor;


        public ColorPicker()
        {
            CommandBinding binding = new CommandBinding(ApplicationCommands.Undo,
              UndoCommand_Executed, UndoCommand_CanExecute);

            this.CommandBindings.Add(binding);
        }

        private void UndoCommand_CanExecute(object sender, CanExecuteRoutedEventArgs e)
        {
            e.CanExecute = PreviousColor.HasValue;
        }

        private void UndoCommand_Executed(object sender, ExecutedRoutedEventArgs e)
        {
            this.Color = (Color)PreviousColor;
        }

        static ColorPicker()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(ColorPicker), new FrameworkPropertyMetadata(typeof(ColorPicker)));
        }

        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            RangeBase slider = GetTemplateChild("PART_RedSlider") as RangeBase;
            if (slider != null)
            {
                Binding binding = new Binding("Red");
                binding.Source = this;
                binding.Mode = BindingMode.TwoWay;
                slider.SetBinding(RangeBase.ValueProperty, binding);
            }
            slider = GetTemplateChild("PART_GreenSlider") as RangeBase;
            if (slider != null)
            {
                Binding binding = new Binding("Green");
                binding.Source = this;
                binding.Mode = BindingMode.TwoWay;
                slider.SetBinding(RangeBase.ValueProperty, binding);
            }
            slider = GetTemplateChild("PART_BlueSlider") as RangeBase;
            if (slider != null)
            {
                Binding binding = new Binding("Blue");
                binding.Source = this;
                binding.Mode = BindingMode.TwoWay;
                slider.SetBinding(RangeBase.ValueProperty, binding);
            }

            SolidColorBrush brush = GetTemplateChild("PART_PreviewBrush") as SolidColorBrush;
            if (brush != null)
            {
                Binding binding = new Binding("Color");
                binding.Source = brush;
                binding.Mode = BindingMode.OneWayToSource;
                this.SetBinding(ColorPicker.ColorProperty, binding);
            }
        }
    }
}

3 新建Themes文件夹，新建generic.xaml资源字典

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:CustomControl.Themes">
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/CustomControl;component/Themes/ColorPicker.xaml" />
    </ResourceDictionary.MergedDictionaries>
    
</ResourceDictionary>

新建ColorPicker.xaml资源字典，注意在这里给每个Slider和SolidColorBrush都命名，并将其Value，Color属性绑定删掉，从而在代码中绑定

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:CustomControl">
    <Style TargetType="{x:Type local:ColorPicker}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:ColorPicker}">
                    <Border Background="{TemplateBinding Background}"
                  BorderBrush="{TemplateBinding BorderBrush}"
                  BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"></RowDefinition>
                                <RowDefinition Height="Auto"></RowDefinition>
                                <RowDefinition Height="Auto"></RowDefinition>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition></ColumnDefinition>
                                <ColumnDefinition Width="Auto"></ColumnDefinition>
                            </Grid.ColumnDefinitions>

                            <Slider Name="PART_RedSlider" Minimum="0" Maximum="255" 
                       Margin="{TemplateBinding Padding}"></Slider>
                            <Slider Grid.Row="1" Name="PART_GreenSlider" Minimum="0" Maximum="255"
                       Margin="{TemplateBinding Padding}"></Slider>

                            <Slider Grid.Row="2" Name="PART_BlueSlider" Minimum="0" Maximum="255"
                       Margin="{TemplateBinding Padding}"></Slider>

                            <Rectangle Grid.Column="1" Grid.RowSpan="3"
                         Margin="{TemplateBinding Padding}"
                         Width="50" Stroke="Black" StrokeThickness="1">
                                <Rectangle.Fill>
                                    <SolidColorBrush x:Name="PART_PreviewBrush"></SolidColorBrush>
                                </Rectangle.Fill>
                            </Rectangle>

                        </Grid>

                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

</ResourceDictionary>

4 主程序中，有两个控件引用，一个使用默认模板，一个使用新的模板，因为数据绑定已经在代码中实现，所以，所有的模板只要关注布局就可以了

<Window x:Class="CustomControlApp.ColorPickerTwoWays"
        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"
        xmlns:local="clr-namespace:CustomControlApp"
        xmlns:lib="clr-namespace:CustomControl;assembly=CustomControl"
        mc:Ignorable="d"
        Title="ColorPickerTwoWays" Height="450" Width="800">
    <Window.Resources>
        <ControlTemplate x:Key="FancyColorPickerTemplate">
            <Border Background="LightGoldenrodYellow"
                BorderBrush="Black"
                BorderThickness="1">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition></RowDefinition>
                        <RowDefinition Height="Auto"></RowDefinition>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition></ColumnDefinition>
                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                    </Grid.ColumnDefinitions>

                    <Grid.Resources>
                        <Style TargetType="{x:Type Slider}">
                            <Setter Property="Orientation" Value="Vertical"></Setter>
                            <Setter Property="TickPlacement" Value="TopLeft"></Setter>
                            <Setter Property="TickFrequency" Value="10"></Setter>
                            <Setter Property="Minimum" Value="0"></Setter>
                            <Setter Property="Maximum" Value="255"></Setter>
                            <Setter Property="Margin" Value="5"></Setter>
                        </Style>
                        <Style TargetType="{x:Type TextBlock}">
                            <Setter Property="Margin" Value="3"></Setter>
                            <Setter Property="FontSize" Value="10"></Setter>
                        </Style>
                    </Grid.Resources>

                    <Ellipse Grid.Column="0" Grid.RowSpan="2" 
                       Margin="10" Height="120" Stroke="LightGray" StrokeThickness="5">
                        <Ellipse.Fill>
                            <SolidColorBrush Color="{Binding Path=Color,
                       RelativeSource={RelativeSource TemplatedParent}}"></SolidColorBrush>
                        </Ellipse.Fill>
                    </Ellipse>


                    <Slider Name="PART_RedSlider" Grid.Column="1"></Slider>
                    <TextBlock Grid.Row="1" Grid.Column="1">RED</TextBlock>
                    <Slider Name="PART_GreenSlider" Grid.Column="2"></Slider>
                    <TextBlock Grid.Row="1" Grid.Column="2">GREEN</TextBlock>
                    <Slider Name="PART_BlueSlider" Grid.Column="3"></Slider>
                    <TextBlock Grid.Row="1" Grid.Column="3">BLUE</TextBlock>


                </Grid>

            </Border>
        </ControlTemplate>

    </Window.Resources>
    <StackPanel>
        <lib:ColorPicker
      Name="colorPicker1" Margin="2" Padding="3" Color="AliceBlue"></lib:ColorPicker>
        <lib:ColorPicker 
      Name="colorPicker2" Template="{StaticResource FancyColorPickerTemplate}" Color="{Binding ElementName=colorPicker1,Path=Color,Mode=TwoWay}"
      Margin="5,20,5,5" ></lib:ColorPicker>

    </StackPanel>
</Window>

dxm809
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF 实现带蒙版的 MessageBox 消息提示框
虚幻私塾
08-09 1670
WPF 实现带蒙版的 MessageBox 消息提示框。作者：WPFDevelopersOrg。
【WPF】OnApplyTemplate
weixin_30412013的博客
09-29 1041
操作模板控件 　在做WPF开发的时候，我们通常因为满足不同的需求会开发一些自定义控件来满足需要，我们会自定义模板来定义控件的外观，添加命令和路由事件来给控件添加行为，那如何在模板中查找元素并关联事件处理程序或添加数据绑定表达式呢，WPF有一个专用的OnApplyTemplate()方法，在该方法中，可以使用GetTemplateChild或FindName来查找所需的元素。 添加部件名...
WPF自定义控件
编程人生
08-15 5430
参考自：http://www.cnblogs.com/zhouyinhui/archive/2007/12/01/979715.html 1. User Control和Custom Control    在新建一个Project的时候，WPF提供了2种自定义控件的模板：WPF User Control Library和WPF Custom Control Library。User Contr
WPF OnApplyTemplate 不执行 或者执行滞后的疑惑
weixin_34026484的博客
04-13 541
OnApplyTemplate 不执行 平时如何开发自定义控件的 在WPF自定义控件开发的过程中遇到了这样一个问题，属性更改事件在OnApplyTemplate之前执行。我在写自定义控件的时候，喜欢通过OnApplyTempalte重写方法获取到Style中的所有控件，进而在属性更改通知时修改这些控件的值。 问题 所有暴露的依赖属性都是通过Binding来赋值的。今天的案例特殊，某个属性不需要Bi...
Wpf - TemplateParts
redalert2c的专栏
05-15 644
You may give some template control names (magic names sometimes), but you might not be aware why is there the magic names, here is the deal. Suppose that you were writing a text box, and suppose
WPF 使用自定义控件（custom control），资源字典（ResourceDictionary），用户控件（user control），及之间的对比
IT界的小菜比
11-11 3470
一、创建自定义控件 1、控件后台交互类 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using
【WPF学习】第六十五章 创建无外观控件
04-05 285
　　用户控件的目标是提供增补控件模板的设计表面，提供一种定义控件的快速方法，代价是失去了将来的灵活性。如果喜欢用户控件的功能，但需要修改使其可视化外观，使用这种方法就有问题了。例如，设想希望使用相同的颜色拾取器，但希望使用不同的“皮肤”，将其更好地融合到已有的应用程序窗口中。可以通过样式来改变用户控件的某些方面，但该控件的一些部分是在内部锁定，并硬编码到标记中。例如，无法将预览矩形移动到滑动条的左边。 　　解决方法是创建无外观控件——继承自控件基类，但没有设计表面的控件。相反，这个控件将其标记放到默认模板.
WPF 自定义控件库 常用控件封装&常用控件样式重写
最新发布
03-26
总结，"WPF 自定义控件库 常用控件封装&常用控件样式重写"涉及到的核心技术包括WPF控件的封装、样式重写和控件库的构建，这些都是提升WPF应用界面设计和用户体验的关键手段。通过深入理解和运用这些知识，开发者能够...
WPF绑定静态变量的示例代码（二）加上IValueConverter
09-19
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中绑定静态变量，并通过使用IValueConverter接口来实现动态更新控件的显示。WPF是.NET Framework的一部分，它为构建丰富的桌面应用程序提供了...
WPF日期控件模板重写
03-19
默认的样式和模板可能无法满足所有设计风格，因此开发者需要对控件的模板进行重写，以改变其外观和交互方式。 重写`DatePicker`模板涉及以下几个关键步骤： 1. **获取默认模板**：首先，我们需要获取`DatePicker`...
WPF绑定静态变量的示例代码
09-19
在WPF中，数据绑定是通过`{Binding}`标记扩展或代码-behind来实现的。绑定到静态变量的步骤如下： 1. **定义静态变量**：在你的类中定义一个静态变量，例如： ```csharp public static class StaticDataSource { ...
WPF MVVM无Command属性的控件绑定事件
07-03
总结起来，处理WPF MVVM中无`Command`属性控件的事件绑定主要有两种方式：一是利用`EventTrigger`和`InvokeCommandAction`，二是通过自定义`Behavior`。这两种方法都能够将控件的事件转换为ViewModel中的命令执行，...
TemplatePart作用
wushang923的专栏
07-02 6818
TemplatePart(Name="PART_Decrease", Type=typeof(RepeatButton)) 一直没明白这是干嘛用的，搜了一下，记载一下。 以Button的定义为例： namespace System.Windows.Controls { // Summary: // Represents a button control, wh
WPF 实现步骤控件
dotNET跨平台
01-12 1220
WPF 实现步骤控件控件名：Step作 者：WPFDevelopersOrg - 驚鏵原文链接[1]：https://github.com/WPFDevelopersOrg/WPFDevelopers框架使用.NET40；Visual Studio 2019;Step 继承 ItemsControl 使用 Grid 嵌套 ProgressBar 和 ItemsPresenter.Progr...
WPF 定义Lookless控件的默认样式、 OnApplyTemplate 如何使用(实现方式、如何工作的)！...
aanawvph916190的博客
12-15 258
写的非常详细： 　　作者地址：https://www.cnblogs.com/atskyline/archive/2012/11/16/2773806.html 参考资料： 　　http://www.codeproject.com/Articles/14340/Creating-a-look-less-custom-control-in-WPF http://www....
WPF中的用户控件和自定义控件详解
鲤籽鲲的博客
05-12 9439
WPF中的用户控件和自定义控件详解
WPF进阶技巧 控件模板
weixin_40029679的博客
10-12 1199
控件模板设定
WPF自定义控件CustomControl中依赖属性、命令的使用
IT界的小菜比
02-19 1349
Generic.xaml中的UI代码: <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:WpfCustomControlLibrary1"> <Style Target.
使用XmlDataProvider类来实现WPF控件和WITSML文档的双向绑定具体代码
05-26
以下是一个绑定WITSML文档到WPF控件的示例代码： 首先，我们需要在WPF窗口或页面的资源中定义一个XmlDataProvider，来提供WITSML文档的数据源。这可以通过在XAML中添加以下代码来实现： ```xml <Window.Resources> <XmlDataProvider x:Key="WitsmlData" XPath="/WITSML"> <x:XData> <WITSML xmlns=""> <!-- WITSML数据将在这里插入 --> </WITSML> </x:XData> </XmlDataProvider> </Window.Resources> ``` 然后，我们可以把XmlDataProvider绑定到一个WPF控件，例如一个ListBox。这可以通过在XAML中添加以下代码来实现： ```xml <ListBox ItemsSource="{Binding Source={StaticResource WitsmlData}, XPath=/WITSML/WELL}" DisplayMemberPath="name" /> ``` 这将会把WITSML文档中所有的井（WELL）显示在ListBox中，并使用每个井的名称（name）作为列表项的显示文本。 如果我们想要实现双向绑定，即在WPF控件中编辑WITSML文档并保存更改，我们可以添加一个按钮并使用以下代码在单击时保存更改： ```xml <Button Content="Save Changes" Click="SaveChanges_Click" /> ``` ```csharp private void SaveChanges_Click(object sender, RoutedEventArgs e) { XmlDataProvider witsmlData = (XmlDataProvider)this.Resources["WitsmlData"]; witsmlData.Document.Save("path/to/witsml/document.xml"); } ``` 这会将XmlDataProvider中的更改保存到指定的WITSML文档文件中。 请注意，这仅是一个基本的示例代码。在实际应用中，您可能需要添加更多的逻辑来验证和处理数据，以确保数据的完整性和正确性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值