如何在另一个线程的视图之间切换？

Question

我正在尝试使用 MVVM，所以我有：

主窗口：

<Window x:Class="tbtest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TabControl ItemsSource="{Binding Tabs}" IsSynchronizedWithCurrentItem="True" Grid.Row="0"/>
        <Button Command="{Binding AddNewTab}" Grid.Row="1">Add new tab</Button>
    </Grid>
</Window>

和 ViewModel：

public class VM
{
    public VM()
    {
        Tabs = new ObservableCollection<Object>();
        AddNewTab = new DelegateCommand<object>(ExecAddNewTab);
    }

    private void ExecAddNewTab(object obj)
    {
        var tab = new SomeTab();
        Tabs.Add(tab.View);
        ThreadPool.QueueUserWorkItem(item => tab.Activate());
    }

    public ObservableCollection<Object> Tabs { get; private set; }
    public DelegateCommand<object> AddNewTab { get; private set; }
}

每个选项卡都是单独的 ViewModel 和 View：

public class SomeTab : ITab, INotifyPropertyChanged
{
    public SomeTab()
    {
        View = new SomeTabView1 {DataContext = this};
    }

    public string Header { get { return "Header"; } }
    private object _view;
    public object View
    {
        get { return _view; }
        private set
        {
            _view = value;
            PropertyChanged(this, new PropertyChangedEventArgs("View"));
        }
    }

    public void Activate()
    {
        Thread.Sleep(2000);

        // Some work

        Application.Current.Dispatcher.BeginInvoke(new Action<SomeTab>(vm =>
                                                                   {
// switching views, how can it be done?
                                                                          vm.View = new SomeTabView2 { DataContext = this };

                                                                   }), this);
    }

    public event PropertyChangedEventHandler PropertyChanged = delegate { };
}

SomeTabView1 和 SomeTabView2 是带有 TextBlock 'View1' 和 'View2' 的简单 WPF UserControl。

我需要的是在激活方法中（在单独的线程中运行）将 View1 切换到 View2。
我提供的这段代码不起作用。

我该怎么做才能得到满足？谢谢。

Answer 1

您的 ViewModel 不应该与 View 一起使用

相反，让您的MainViewModel 包含一个SelectedTab 属性并将其绑定到您的TabControl，然后切换选项卡您只需设置SelectedTab。使用DataTemplates 告诉 WPF 如何绘制每个 ViewModel

主窗口 XAML

<Window x:Class="tbtest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        xmlns:local=clr-namespace:MyNamespace>

    <Window.Resources>
        <DataTemplate DataType="{x:Type local:SomeTabViewModel1}">
            <local:SomeTabView1 /> 
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:SomeTabViewModel2}">
            <local:SomeTabView2 /> 
        </DataTemplate>
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:SomeTabViewModel3}">
            <local:SomeTabView3 /> 
        </DataTemplate>
    </Window.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TabControl ItemsSource="{Binding Tabs}" SelectedItem="{Binding SelectedTab}"
                    IsSynchronizedWithCurrentItem="True" Grid.Row="0"/>
        <Button Command="{Binding AddNewTab}" Grid.Row="1">Add new tab</Button>
    </Grid>
</Window>

主窗口视图模型

public class VM
{
    public VM()
    {
        Tabs = new ObservableCollection<Object>();
        AddNewTab = new DelegateCommand<object>(ExecAddNewTab);
    }

    private void ExecAddNewTab(object obj)
    {
        var tab = new SomeTab();
        Tabs.Add(tab);
        SelectedTab = tab;

        // This should only run whatever code is needed to initialize the
        // ViewModel. It should have nothing to do with views
        ((ITab)tab).Activate();
    }

    public object SelectedTab { get; private set; }
    public ObservableCollection<Object> Tabs { get; private set; }
    public DelegateCommand<object> AddNewTab { get; private set; }
}

Answer 2

上面的问题是由于您的代码“假设”它将选择\聚焦新创建的Tab项目，只需使用IsSynchronizedWithCurrentItem。

您需要通过CollectionView 支持此字段。此外，您应该使用 CollectionView 本身添加新标签。

例如

假设您有一个名为TabsView 的ListCollectionView，其源集合为Tabs 可观察集合...

将TabControl.ItemsSource 绑定到TabsView 然后而不是...

   var tab = new SomeTab();
   Tabs.Add(tab.View); 

使用这个...

   var tabUi = this.TabsView.AddNew() as SomeTab;
   this.TabsView.CommitNew();
   tabUi.Activate();

如果这有帮助，请告诉我......