绑定到TabControl SelectedIndex

时间:2012-08-28 15:27:17

标签: c# wpf mvvm

我在页面上有一个标签控件;它的项目绑定回我的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上,当我添加一个新项目时,它会自动被选中。这是一种享受;但是,将第一个项添加到空选项卡控件时,它看起来像这样:

Tab contents displayed but tab not selected

显示选项卡内容,但未选中选项卡。我需要手动点击标签使其看起来正确:

Tab contents displayed and tab selected

就好像标签的绘图和内容的绘图之间存在某种脱节。我知道绑定工作正常,因为后续选项卡处理正确,如果我完全删除绑定,那么在手动选择选项卡之前,第一页不会显示其内容。如果有人看过这个或者可以发光,那将非常感激!谢谢大家:))

1 个答案:

答案 0 :(得分:2)

仅在设置者中提升您的属性更改事件;您可以将其视为允许属性本身决定“已更改”的含义,并通过扩展,让它控制事件何时被触发(并使其按预期执行):

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

只需更改

_ActiveTabItemIndex = _TabItems.IndexOf(...);

ActiveTabItemIndex = _TabItems.IndexOf(...);

并从_TabItems_CollectionChanged中移除RaisePropertyChanged调用

有时你需要在一个属性的setter之外提高属性更改通知,但那是一个更复杂的日子:)

另外,应该在BaseViewModel上实现INotifyPropertyChanged。查看绝对精彩的MVVM Light Toolkit - 它包含您在使用MVVM的每个项目中必须复制的所有代码。