是什么让这个图像显示在我的WPF usercontrol中？

Question

我一直在试图做一个简单的用户控件来显示图像，并最终使其充当我的WPF应用程序中的按钮。

我有一个这样的用户控件写入表单的XAML，并且图像总是显示。但是，当以编程方式将它们添加到堆栈面板时，控件在那里，但图像从不显示。

这里的用户控件：（简单，但适用于本示例）

<UserControl x:Class="ImgButton" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    MinHeight="32" MinWidth="32" 
    x:Name="uc_ImgButton"> 
    <Border BorderBrush="Gray" BorderThickness="2"> 
     <Image Source="{Binding ElementName=uc_ImgButton, Path=Source}" x:Name="img"/> 
    </Border> 
</UserControl> 

我设置了Source属性为ImageSource的类型的依赖属性：

Partial Public Class ImgButton 

    Public Property Source() As ImageSource 
     Get 
      Return GetValue(SourceProperty) 
     End Get 
     Set(ByVal value As ImageSource) 
      SetValue(SourceProperty, value) 
     End Set 
    End Property 

    Public Shared ReadOnly SourceProperty As DependencyProperty = _ 
          DependencyProperty.Register("Source", _ 
          GetType(ImageSource), GetType(ImgButton)) 

End Class 

下面是一个例子我如何在VB中以编程方式添加它们：

Dim newBtn As New myApp.ImgButton 
newBtn.Width = 100 
newBtn.Height = 100 
Dim bi As New BitmapImage 
bi.BeginInit() 
bi.UriSource = New Uri("C:\test.png", UriKind.RelativeOrAbsolute) 
bi.EndInit() 
'MsgBox(bi.Width) '(a simple debug test I added) 
newBtn.Source = bi 
Me.StackPanelMain.Children.Add(newBtn) 

这是奇怪的部分...代码a如上所示运行没有错误，但我的表单上的结果是空的边框，没有图像显示在里面。

但是，如果您取消注释MsgBox行，现在图像显示。就好像迫使它从BitmapImage中获得一些价值使它起作用。我也尝试用像“dim x as integer = bi.PixelWidth”这样的不可思议的东西替换MsgBox行，并且还将图像显示出来。如果我把它拿走，我的表格上没有图像。

我怀疑我错过了什么，或者只是不明白。我想知道发生了什么，而不是在我的应用程序中留下看似毫无意义的代码行。

Answer 1

据我所知，你不需要一个usercontrol这个。甚至没有一个风格的按钮。只需将按钮的填充属性设置为图像画笔即可。一个图像按钮:)

Answer 2

我不确定我是否理解您尝试设置的绑定。通常，当您使用ElementName时，意味着您要绑定到同一视觉树中的另一个控件。但是，根据您的ImgButton类的代码示例，它看起来像只是一个普通的类。你确定要使用ElementName吗？

此外，我相信，为了一个类有一个DependencyProperty它必须来自DependencyObject。如果您不想进行此更改，则始终可以执行INotifyPropertyChanged并在Source属性的设置者中触发PropertyChanged事件。

更新：我认为问题的一部分是，我误解你的问题（我不知道，ImgButton是你UserControl类）。

无论如何，我不太确定这里发生了什么。但是，如果你的属性是图像文件的路径，而不是图像本身呢？也许是这样的：

XAML：

<UserControl x:Class="ImgButton" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    MinHeight="32" MinWidth="32" 
    x:Name="uc_ImgButton"> 
    <Border BorderBrush="Gray" BorderThickness="2"> 
     <Image> 
      <Image.Source> 
       <BitmapImage UriSource="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=UserControl}, Path=Source}" /> 
      </Image.Source> 
     </Image> 
    </Border> 
</UserControl> 

C＃：

Partial Public Class ImgButton 

    Public Property Source() As String 
     Get 
      Return GetValue(SourceProperty) 
     End Get 
     Set(ByVal value As ImageSource) 
      SetValue(SourceProperty, value) 
     End Set 
    End Property 

    Public Shared ReadOnly SourceProperty As DependencyProperty = _ 
          DependencyProperty.Register("Source", _ 
          GetType(String), GetType(ImgButton)) 

End Class 

然后，只需将Source属性的路径设置为你的形象：

Dim newBtn As New myApp.ImgButton 
newBtn.Width = 100 
newBtn.Height = 100 
newBtn.Source = "C:\test.png" 
Me.StackPanelMain.Children.Add(newBtn) 

我的天堂” t之前使用了BitmapImage类，但它可能需要按顺序让它呈现图像。但是，我并不是真的为什么你的代码不起作用，但是也许如果你通过XAML中的绑定设置源代码，它会更像你的原始案例，它会起作用。