我的项目中有一些图片。当按下按钮时,我想将其属性Visibility更改为true。我创建了一个图像
<Image Name="UserimgRock" Source="Rock.png" HorizontalAlignment="Left" Height="100" Margin="277" VerticalAlignment="Top" Width="100" Visibility="Hidden"/>
和按钮
private void btnRock_Click(object sender, RoutedEventArgs e)
{
UserimgRock.Visibility = Visibility.Visible;
}
但是出现错误错误*当前上下文中不存在名称“UserimgRock”。我有点困惑。 谢谢你的帮助!
答案 0 :(得分:0)
如果这些xaml和后面的代码都属于同一个类,那么只需用x:前缀名称:其中x:指的是xaml名称空间,通常在Window标签中,如xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
例如
<Image x:Name="UserimgRock" Source="Rock.png" HorizontalAlignment="Left" Height="100" Margin="277" VerticalAlignment="Top" Width="100" Visibility="Hidden"/>
如果这两者不在同一个类中,那么您可能无法使用事件处理程序访问其他类中的对象,因为对象是相应类的私有对象。
修改强>
查看代码后,我发现了一些内容,包括无法访问图像的原因
首先是why you cannot access the image object?
原因是,您已在控件模板中定义了图像,该模板将对象的范围限制在模板本身内,因此无法在外部访问它们
how to fix?
您可以在后面的代码中定义需要访问的属性,并将它们绑定到xaml中的相应属性
例如
在usercontrol中定义依赖项属性UserImgRockVisibility
public Visibility UserImgRockVisibility
{
get { return (Visibility)GetValue(UserImgRockVisibilityProperty); }
set { SetValue(UserImgRockVisibilityProperty, value); }
}
// Using a DependencyProperty as the backing store for UserImgRockVisibility. This enables animation, styling, binding, etc...
public static readonly DependencyProperty UserImgRockVisibilityProperty =
DependencyProperty.Register("UserImgRockVisibility", typeof(Visibility), typeof(UserControl1), new PropertyMetadata(Visibility.Hidden));
在构造函数
中将数据上下文设置为自身 DataContext = this;
或在xaml中通过绑定到自我
<UserControl x:Class="RockPaper.UserControl1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"...
DataContext="{Binding RelativeSource={RelativeSource Self}}">
然后使用此属性来操纵可见性
UserImgRockVisibility = Visibility.Visible;
最后将此属性绑定到xaml
中图像的可见性 <Image x:Name="userimgRock" Visibility="{Binding UserImgRockVisibility}" ... />
如果你真的不需要,名称是没有必要的
这是控制控件模板或数据模板中对象属性所需的全部内容
另一种方法
因为我没有发现在用户控件中使用样式和控件模板的重要性
您可以通过简单地删除样式和控件模板元素并将元素带到usercontrol
来实现通过这样做,您可能不需要额外的属性,您可以简单地访问对象,因为它们将在类范围内
我只能看到你用它们进行鼠标过度检测,你可以直接使用MouseEnter,MouseLeave类事件在元素中使用事件触发器
例如,
<UserControl x:Class="RockPaper.UserControl1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Grid>
<Button x:Name="btnRock" Opacity=".3" HorizontalAlignment="Left" Margin="44,82.418,0,0" VerticalAlignment="Top" Width="100" Height="100" Click="btnRock_Click">
<StackPanel>
<Image />
</StackPanel>
</Button>
<Image x:Name="userimgRock" Visibility="Hidden" HorizontalAlignment="Left" Height="100" Margin="277.164,228.418,0,0" VerticalAlignment="Top" Width="100" Opacity="1" />
</Grid>
<UserControl.Triggers>
<EventTrigger SourceName="btnRock" RoutedEvent="MouseEnter" >
<BeginStoryboard>
<Storyboard>
<DoubleAnimation x:Name="enter" To="1" Storyboard.TargetName="btnRock" Storyboard.TargetProperty="Opacity"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger SourceName="btnRock" RoutedEvent="MouseLeave" >
<BeginStoryboard>
<Storyboard>
<DoubleAnimation To=".3" Storyboard.TargetName="btnRock" Storyboard.TargetProperty="Opacity"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</UserControl.Triggers>
</UserControl>
注意我删除了一些不必要的额外代码,例如
然后正常使用图像对象
userimgRock.Visibility = Visibility.Visible;
现在您可以选择自己喜欢的选择。尝试两者,看看对你来说方便。