2

我在页面上有一个选项卡控件；它的项目绑定回我的 ViewModel，它还公开了一个 ActiveTabItemIndex，它绑定（两种方式）到我的 xaml 中的 SelectedIndex 属性，并实现 INotifyPropertyChanged，以便我的 TabControl 知道何时更新。

这是（我理解）MVVM 正确的做事方式，并且 99% 正常工作。

class MainWindowViewModel : BaseViewModel, INotifyPropertyChanged
{
    ObservableCollection<TabItemViewModel> _TabItems;
    int _ActiveTabItemIndex;

    public event PropertyChangedEventHandler PropertyChanged;

    protected void RaisePropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
            handler(this, new PropertyChangedEventArgs(name));
    }

    void _TabItems_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
    {
        if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)
            _ActiveTabItemIndex = _TabItems.IndexOf((TabItemViewModel)e.NewItems[0]);
        RaisePropertyChanged("ActiveTabItemIndex");
    }

    public ObservableCollection<TabItemViewModel> TabItems
    {
        get
        {
            if (_TabItems == null)
            {
                _TabItems = new ObservableCollection<TabItemViewModel>();
                _TabItems.CollectionChanged += new System.Collections.Specialized.NotifyCollectionChangedEventHandler(_TabItems_CollectionChanged);
            }
            return _TabItems;
        }
    }

    public int ActiveTabItemIndex
    {
        get
        {
            return _ActiveTabItemIndex;
        }
        set
        {
            _ActiveTabItemIndex = value;
        }
    }
}

这样，我对 TabItems 集合所做的任何操作都会反映在 TabControl 上，并且当我添加一个新项目时，它会自动被选中。这是一种享受；但是，当将第一项添加到空选项卡控件时，它看起来像这样：

显示选项卡内容但未选择选项卡

显示选项卡内容，但未选择选项卡。我需要手动单击选项卡以使其看起来正确：

显示的选项卡内容和选择的选项卡

就好像在选项卡的绘制和它们的内容的绘制之间存在某种脱节。我知道绑定正在工作，因为后续选项卡已正确处理，如果我完全删除绑定，则在手动选择选项卡之前第一页不会显示其内容。如果有人看到这一点或可以阐明一些问题，将不胜感激！谢谢你们 ：）

4

1 回答 1

2

仅在 setter 中引发您的属性更改事件；您可以将其视为允许属性本身决定“更改”的含义，并通过扩展来控制事件何时触发（并使其按照您的期望进行）：

public int ActiveTabItemIndex
{
    get{ return _ActiveTabItemIndex; }
    set
    {
        if(_ActiveTabItemIndex != value)
        {
            _ActiveTabItemIndex = value;
            RaisePropertyChanged("ActiveTabItemIndex");
        }
    }
}

只是改变

_ActiveTabItemIndex = _TabItems.IndexOf(...);

到

ActiveTabItemIndex = _TabItems.IndexOf(...);

并从 _TabItems_CollectionChanged 中删除 RaisePropertyChanged 调用

有时您需要在属性的设置器之外引发属性更改通知，但那是更复杂的一天:)

顺便说一句，应该在 BaseViewModel 上实现 INotifyPropertyChanged。查看绝对出色的MVVM Light Toolkit - 它包含您在使用 MVVM 的每个项目中必须复制的所有代码。

于 2012-08-28T19:19:20.063 回答