Question

我正在编写一个应用程序，它是一个测验，我有一个主窗口，我加载了不同的UserControls（页面）。所以我的问题是我在MainWindow上有一张图片，我想将Visibility的{{1}}从Collapsed更改为Visible之一UserControls但没有运气......

这是我的MainWindow：

<Window x:Class="MuseonQuiz_v3.PageSwitcher"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:pages="clr-namespace:MuseonQuiz_v3.Pages"
    xmlns:k="http://schemas.microsoft.com/kinect/2013"
    Title="MainWindow" Height="710" Width="1127" IsEnabled="True" DataContext="{Binding}" FontFamily="KaiTi" ResizeMode="NoResize" WindowStyle="None"
     WindowStartupLocation="CenterScreen" WindowState="Maximized">


<Grid>         
    <Grid>            
        <k:KinectRegion Name="kinectRegion">
            <ContentControl x:Name="mainContentControl"/>
        </k:KinectRegion>
    </Grid>
    <Grid>
        <Grid.Resources>
            <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
        </Grid.Resources>

        <k:KinectSensorChooserUI HorizontalAlignment="Center" VerticalAlignment="Top" Name="sensorChooserUi" />
        <k:KinectUserViewer VerticalAlignment="Bottom" HorizontalAlignment="Center" k:KinectRegion.KinectRegion="{Binding ElementName=kinectRegion}" Height="600" Width="600" />
        <Image Name="colorStreamImage" Width="640" Height="480" Visibility="Collapsed" HorizontalAlignment="Center" />
    </Grid>
</Grid>

这是我的UserControl：

public partial class Selectie : UserControl, ISwitchable
{
    string backgroundSelectie = "pack://application:,,,/MuseonQuiz_v3;component/Images/Selectie/selectie_background.jpg";

    public Selectie()
    {
        InitializeComponent();
        selectieBackground();
        animatieButtons();
    }

    #region ISwitchable Members
    public void UtilizeState(object state)
    {
        throw new NotImplementedException();
    }

    #endregion
}

我的问题是......如何更改位于Visibility的{{1}}的{{1}} colorStreamImage ...我试过制作MainWindow的一个实例，但这不起作用，也许我必须使用一些绑定，但我不确定，我感谢您提供的任何帮助！

Answer 1

如Clemens所述，您最好的选择是沿着MVVM路径前进。这是一个很好的入门教程In the Box – MVVM Training。

首先，您可以创建实现INotifyPropertyChanged的视图模型。在这种情况下，您可能希望它至少具有一个Visibility类型的属性。

public MainWindow()
{
    InitializeComponent();

    this.DataContext = new MainViewModel();
}

现在，您需要将此视图模型设置为主窗口上的数据上下文。要做到这一点，保罗斯托维尔在不同的方法上有一个很好的帖子：http://paulstovell.com/blog/mvvm-instantiation-approaches。一旦我们在主窗口上设置它，Selectie元素将继承数据上下文。使用最简单的方法：

<Image Visibility="{Binding ImageVisibility, UpdateSourceTrigger=PropertyChanged}" Source="{Binding ImageSource}" Height="200" Width="200"></Image>

然后，您的Image元素可能会绑定到属性，如下所示：

public partial class Selectie : UserControl
{
    public Selectie()
    {
        InitializeComponent();
    }
    private void Selectie_MouseDoubleClick(object sender, MouseButtonEventArgs e)
    {
        if (((MainViewModel)this.DataContext).ImageVisibility == System.Windows.Visibility.Visible)
            ((MainViewModel)this.DataContext).ImageVisibility = System.Windows.Visibility.Collapsed;
        else
            ((MainViewModel)this.DataContext).ImageVisibility = System.Windows.Visibility.Visible;
    }
}

Selectie元素现在可以更改视图模型上的ImageVisbility属性，因为它与MainWindow共享相同的数据上下文。（我使用代码隐藏作为示例。您可能希望将尽可能多的逻辑推出视图并进入视图模型或更下游）

$( ".target" ).change(function() {
  alert( "Handler for .change() called." );
});

在C＃WPF

1 个答案: