如何使用依赖属性将图像传递给UserControl中的按钮

本文关键字:UserControl 按钮 依赖 何使用 属性 图像 | 更新日期: 2023-09-27 18:18:20

我已经创建了UserControl。它有一个按钮和一个文本块。我想用依赖属性传递一个图像给那个按钮。但当我试图在其他页面调用那个usercontrol时,它会显示一些错误。这是我的代码。

用户Control.xaml:

<UserControl x:Class="....UserControl"
         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="300" d:DesignWidth="300" >
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Border Grid.Row="0"
        Name="borMain"
        Style="{StaticResource ButtonImageTextBorderStyle}"
        MouseEnter="borMain_MouseEnter"
        MouseLeave="borMain_MouseLeave"
        PreviewMouseLeftButtonDown="borMain_MouseLeftButtonDown" >
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup Name="MouseStates">
                <VisualState Name="MouseEnter">
                    <Storyboard>
                        <ColorAnimation To="Black"
                          Duration="0:0:00.1"
                          Storyboard.TargetName="borMain"
                          Storyboard.TargetProperty="BorderBrush.Color" />
                        <ColorAnimation To="Black"
                          Duration="0:0:00.1"
                          Storyboard.TargetName="borMain"
                          Storyboard.TargetProperty="Background.Color" />
                        <ThicknessAnimation To="4,1,4,4"
                              Duration="0:0:00.1"
                              Storyboard.TargetName="borMain"
                              Storyboard.TargetProperty="Margin" />
                    </Storyboard>
                </VisualState>
                <VisualState Name="MouseLeave" />
                <VisualStateGroup.Transitions>
                    <VisualTransition To="MouseLeave" />
                    <VisualTransition To="MouseEnter" />
                </VisualStateGroup.Transitions>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Button Content="{Binding Path=AppBarContent}"                  
         Style="{StaticResource ButtonImageTextImageStyle}" />
    </Border>
    <TextBlock Grid.Row="1"
           Name="tbText"
           Style="{StaticResource ButtonImageTextTextBlockStyle}"
           Text="{Binding Path=Text}" />
   </Grid>
</UserControl>

UserControl.xaml.cs:

 [DefaultEvent("Click")]
   public partial class SystemUnitUserControl : UserControl
   {
      public UserControl()
      {
        InitializeComponent();
        this.DataContext = this;
      }
    #region Text Property
    public string Text
    {
        get { return (string)GetValue(TextProperty); }
        set
        {
            SetValue(TextProperty, value);
            if (string.IsNullOrEmpty(value))
                tbText.Visibility = Visibility.Collapsed;
        }
    }

    #region AppBarContent Property
    public Image AppBarContent
    {
        get { return (Image)GetValue(AppBarContentProperty); }
        set { SetValue(AppBarContentProperty, value); }
    }
      public static readonly DependencyProperty AppBarContentProperty =
        DependencyProperty.Register("AppBarContent", typeof(Image),  typeof(SystemUnitUserControl), null);
    #endregion
    #region MouseLeftDown Event
    private void borMain_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        RaiseClick(e);
    }
    #endregion
    #region Click Event Procedure
    public delegate void ClickEventHandler(object sender, RoutedEventArgs e);
    public event ClickEventHandler Click;
    protected void RaiseClick(RoutedEventArgs e)
    {
        if (null != Click)
            Click(this, e);
    }
    #endregion
    #region Visual State Animations
    private void borMain_MouseEnter(object sender, MouseEventArgs e)
    {
        VisualStateManager.GoToElementState(borMain, "MouseEnter", true);
    }
    private void borMain_MouseLeave(object sender, MouseEventArgs e)
    {
        VisualStateManager.GoToElementState(borMain, "MouseLeave", true);
    }
    #endregion

我在其他页面调用这个用户控件。

Window1.xaml:

...
 xmlns:my="clr-namespace:....UserControls"
...
         <my:UserControl x:Name="actionRectDuct"   
                         AppBarContent="F:'..'..'Assets'offline.jpg"
                         Text="Button 1" />                         

它不在那一页。显示如下错误…

类型为"System.Windows.Markup"的第一次机会异常。XamlParseException'发生在PresentationFramework.dll

附加信息:"设置属性"UnitUserControl。AppBarContent'抛出异常'行号为38,行位为41。

我想传递图像在AppBarContent..我该怎么做??

如何使用依赖属性将图像传递给UserControl中的按钮

你可以这样做你的代码

     <my:UserControl x:Name="actionRectDuct"
                     Text="Button 1" >   
         <my:UserControl.AppBarContent>
             <Image Source="F:'..'..'Assets'offline.jpg" />
         </my:UserControl.AppBarContent>
     </my:UserControl>

不是将字符串传递给接受Image的AppBarContent属性,我们现在将传递一个Image的实例,该实例具有所需的源文件。所以只要源代码正确你就能在SystemUnitUserControl

中得到想要的图像