Как реализовать панели инструментов при использовании шаблона 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, но я думаю, что это не правильно.

Как я могу улучшить этот код и создать объект Port, используя MVVM (я понятия не имею, используя MVVM на панели инструментов с использованием textBoxes)

Answer 1

Я бы изменил привязки ComboBox.Я бы привязал ComboBox к коллекции портов (не имен), а также привязал SelectedItem ComboBox к свойству SelectedPort в ViewModel.

Таким образом, вы знаете, какой порт был выбран пользователем инет необходимости запрашивать у коллекции правильный порт.

Если вы хотите разрешить пользователю создавать / настраивать новый порт, просто добавьте пустой / новый объект Port в коллекцию и установите для этого SelectedPortНедавно добавленный элемент.