使用MVVM模式时如何实现工具栏？

Question

我正在使用串口创建项目。 我正在练习使用MVVM模型。 我需要设置串口，所以我使用的是工具栏。

这是我的模特：

public class Port : INotifyPropertyChanged, IDataErrorInfo
{
    private SerialPort _serialPort;

    public Port()
    {
        _serialPort = new SerialPort();
    }

    public string PortName
    {
        get { return _serialPort.PortName; }
        set
        {
            _serialPort.PortName = value;
            OnPropertyChanged("PortName");
        }
    }

    public int BaudRate
    {
        get { return _serialPort.BaudRate; }
        set
        {
            _serialPort.BaudRate = value;
            OnPropertyChanged("BaudRate");
        }
    }

    public Parity Parity
    {
        get { return _serialPort.Parity; }
        set
        {
            _serialPort.Parity = value;
            OnPropertyChanged("Parity");
        }
    }

    public int DataBits
    {
        get { return _serialPort.DataBits; }
        set
        {
            _serialPort.DataBits = value;
            OnPropertyChanged("PortDataBits");
        }
    }

    public StopBits StopBits
    {
        get { return _serialPort.StopBits; }
        set
        {
            _serialPort.StopBits = value;
            OnPropertyChanged("PortStopBits");
        }
    }

    public Handshake Handshake
    {
        get { return _serialPort.Handshake; }
        set
        {
            _serialPort.Handshake = value;
            OnPropertyChanged("PortHandshake");
        }
    }

    public string[] AvailablePortNames
    {
        get { return SerialPort.GetPortNames(); }
    }

    #region IDataErrorInfo Members

    string IDataErrorInfo.Error { get { return null; } }

    string IDataErrorInfo.this[string propertyName]
    {
        get { return this.GetValidationError(propertyName); }
    }

    #endregion // IDataErrorInfo Members

    #region Validation

    /// <summary>
    /// Returns true if this object has no validation errors.
    /// </summary>
    public bool IsValid
    {
        get
        {
            foreach (string property in ValidatedProperties)
                if (GetValidationError(property) != null)
                    return false;

            return true;
        }
    }

    static readonly string[] ValidatedProperties = 
    { 
        "PortName",
    };

    string GetValidationError(string propertyName)
    {
        if (Array.IndexOf(ValidatedProperties, propertyName) < 0)
            return null;

        string error = null;

        switch (propertyName)
        {
            case "PortName":
                ValidatePortName();
                break;

            default:
                Debug.Fail("Unexpected property being validated on Port: " + propertyName);
                break;
        }

        return error;
    }

    string ValidatePortName()
    {
        if (IsStringMissing(this.PortName))
        {
            return Strings.Port_Error_MissingName;
        }
        return null;
    }

    #endregion // Validation

    #region INotifyPropertyChanged Members

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        this.VerifyPropertyName(propertyName);

        PropertyChangedEventHandler handler = this.PropertyChanged;
        if (handler != null)
        {
            var e = new PropertyChangedEventArgs(propertyName);
            handler(this, e);
        }
    }

    #endregion // INotifyPropertyChanged Members
}

然后，我有一个SetupPortView：

<UserControl 
    x:Class="PortChat.View.SetupPortView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:vw="clr-namespace:PortChat.View"
>
<ToolBar>
    <Label Content="COM Port:"
      Target="{Binding ElementName=AvailablePortsComboBox}" 
    />
    <ComboBox 
      x:Name="AvailablePortsComboBox"
      Width="80"
      ItemsSource="{Binding Path=AvailablePortNames, Mode=OneTime}"
      SelectedItem="{Binding Path=PortName, ValidatesOnDataErrors=True}"
      Validation.ErrorTemplate="{x:Null}"
      />
      ...

我的问题是，当用户按下CONNECT按钮时，使用该设置创建端口。 我不确定我是否正在创造合适的模型。 在我的类MainWindowViewModel中，我创建了一个Port变量，但我猜这不正确。

如何使用MVVM改进此代码并创建Port对象（我不知道在使用textBoxes的工具栏中使用MVVM）？

Answer 1

我会改变ComboBox的绑定。 我将ComboBox绑定到Ports（而不是名称）的集合，并将ComboBox的SelectedItem绑定到ViewModel上的SelectedPort属性。

这样您就可以知道用户选择了哪个端口，并且无需在集合中查询正确的端口。

如果要允许用户创建/配置新端口，只需将空/新Port对象添加到集合中，并将SelectedPort设置为此新添加的项。