如何使用依赖属性将图像传递给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..我该怎么做??
你可以这样做你的代码
<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