更改图像对象可见性

时间:2014-06-24 19:26:31

标签: c# wpf xaml visual-studio-2012

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

1 个答案:

答案 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;

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