如何在 ImageSource 的自定义 wpf 控件上实现 DependencyProperty？

Question

如何在 ImageSource 的自定义 wpf 控件上实现 DependencyProperty？

我创建了一个自定义控件（按钮），其中包括显示图像。我希望能够从控件外部为图像设置 ImageSource，所以我实现了一个 DependencyProperty。每当我尝试更改 ImageSource 时，我都会收到 SystemInvalidOperationException：“调用线程无法访问此对象，因为不同的线程拥有它。”

好的，所以主线程无法访问图像控件，所以我需要使用 Dispatcher - 但是在哪里以及如何？显然在setter中抛出异常，执行SetValue(ImageProperty, value);

tv_CallStart.xaml：

<Button x:Class="EHS_TAPI_Client.Controls.tv_CallStart" x:Name="CallButton"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="24" d:DesignWidth="24" Padding="0" BorderThickness="0"
         Background="#00000000" BorderBrush="#FF2467FF" UseLayoutRounding="True">

         <Image x:Name="myImage"
                Source="{Binding ElementName=CallButton, Path=CallImage}" />
</Button>

tv_CallStart.xaml.cs

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace EHS_TAPI_Client.Controls
{
    public partial class InitiateCallButton : Button
    {
        public ImageSource CallImage
        {
            get { return (ImageSource)GetValue(CallImageProperty); }
            set { SetValue(CallImageProperty, value); }
        }
        public static readonly DependencyProperty CallImageProperty =
            DependencyProperty.Register("CallImage", typeof(ImageSource), typeof(InitiateCallButton), new UIPropertyMetadata(null));

        public InitiateCallButton()
        {
            InitializeComponent();
        }
    }
}

从 UI 线程的代码隐藏设置图像：

BitmapImage bi = new BitmapImage();
bi.BeginInit();
bi.UriSource = new Uri("pack://application:,,,/EHS-TAPI-Client;component/Images/call-start.png");
bi.EndInit();
bi.Freeze();
CallButton.CallImage = bi;

以及初始化控件的 MainWindow.xaml：

<ctl:InitiateCallButton x:Name="CallButton" CallImage="/Images/call-start.png" />

改编了上面的源代码以反映我的进步..

解决方案：

上面发布的代码工作正常。与初始版本相比的重要变化是从 UI 线程中添加了 Freeze() 方法（请参阅接受的答案）。 my 项目中的实际问题不是按钮没有 在 UI 线程中被初始化，而是 是从另一个线程设置的新图像。图像设置在一个事件处理程序中，该处理程序本身是从另一个线程触发的。我使用Dispatcher解决了这个问题：

BitmapImage bi = new BitmapImage();
bi.BeginInit();
bi.UriSource = new Uri("pack://application:,,,/EHS-TAPI-Client;component/Images/call-start.png");
bi.EndInit();
bi.Freeze();
if (!Application.Current.Dispatcher.CheckAccess())
{
    Application.Current.Dispatcher.Invoke(DispatcherPriority.Normal, (Action)delegate()
        {
            CallButton.CallImage = bi;
        });
}
else
{
    CallButton.CallImage = bi;
}

Answer 1

1. 如果您在内部使用图像，则重用 Image.SourceProperty 而不是 ImageBrush 是有意义的。

2. 确保在 UI 线程上创建所有线程仿射元素，或者如果它们是 freezable，则需要 Freeze 它们，然后才能对它们进行任何跨线程操作。 （ImageSource 是 Freezable）

3. 属性更改的处理程序未连接，因此永远不会被调用，但无论如何它的内容毫无意义，调用处理程序时已设置属性。