更改图像对象可见性

Question

我的项目中有一些图片。当按下按钮时，我想将其属性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”。我有点困惑。 谢谢你的帮助！

Answer 1

如果这些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;

现在您可以选择自己喜欢的选择。尝试两者，看看对你来说方便。