WPF应用中实现十六进制字符串转Byte并绑定Seq属性

Alright, let's fix this issue for you. The core problem here is that your TextBox outputs a string (the hex input without 0x prefix), but your Seq property is a byte type—WPF doesn't handle this type conversion automatically. Here are two practical solutions to make this work:

Option 1: Use an IValueConverter (Recommended for MVVM) #

Converters are the standard WPF way to handle type conversions between UI controls and data properties. We'll create a converter that turns hex strings into bytes and vice versa.

Step 1: Implement the Converter Class #

using System;
using System.Globalization;
using System.Windows.Data;

public class HexStringToByteConverter : IValueConverter
{
    // Convert byte to hex string (for OneWay binding if needed)
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is byte b ? b.ToString("X2") : string.Empty;
    }

    // Convert hex string back to byte (for OneWayToSource/Twoway binding)
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is string hexInput && !string.IsNullOrWhiteSpace(hexInput))
        {
            var trimmedHex = hexInput.Trim();
            // Parse the hex string to byte (handles upper/lowercase, no prefix)
            if (byte.TryParse(trimmedHex, NumberStyles.HexNumber, culture, out byte result))
            {
                return result;
            }
        }
        // Fallback to 0 if parsing fails (adjust this behavior as needed)
        return (byte)0;
    }
}

Step 2: Add the Converter to Your XAML Resources #

First, declare the namespace for your converter (replace YourNamespace with your actual project namespace):

<Window x:Class="YourNamespace.WFrameWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourNamespace">

    <Window.Resources>
        <local:HexStringToByteConverter x:Key="HexToByteConverter"/>
    </Window.Resources>

Step 3: Update the TextBox Binding #

Modify your TextBox to use the converter:

<TextBox HorizontalAlignment="Left" Height="24" Margin="115,26,0,0" 
         TextWrapping="Wrap" 
         Text="{Binding Seq, Mode=OneWayToSource, UpdateSourceTrigger=PropertyChanged, 
                Converter={StaticResource HexToByteConverter}}" 
         VerticalAlignment="Top" Width="99" FontSize="9" FontFamily="Arial"/>

Option 2: Add a Proxy String Property to Your Model #

If you prefer to keep conversion logic inside your data class, add a string property that acts as a middleman between the UI and the byte field. You'll need to implement INotifyPropertyChanged to keep the UI in sync.

Update the WProtocol Class #

using System.ComponentModel;
using System.Globalization;

public class WProtocol : INotifyPropertyChanged
{
    private byte _seq;

    public byte Seq
    {
        get => _seq;
        set
        {
            if (_seq != value)
            {
                _seq = value;
                OnPropertyChanged(nameof(Seq));
                OnPropertyChanged(nameof(SeqHex)); // Notify UI when Seq changes
            }
        }
    }

    // Proxy property for hex string input/output
    public string SeqHex
    {
        get => _seq.ToString("X2");
        set
        {
            if (!string.IsNullOrWhiteSpace(value))
            {
                var trimmedInput = value.Trim();
                if (byte.TryParse(trimmedInput, NumberStyles.HexNumber, CultureInfo.CurrentCulture, out byte parsedByte))
                {
                    Seq = parsedByte;
                }
                // Add error handling here if needed (e.g., show a message for invalid input)
            }
        }
    }

    // INotifyPropertyChanged implementation
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Update the TextBox Binding #

Bind directly to the new SeqHex property instead of Seq:

<TextBox HorizontalAlignment="Left" Height="24" Margin="115,26,0,0" 
         TextWrapping="Wrap" 
         Text="{Binding SeqHex, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
         VerticalAlignment="Top" Width="99" FontSize="9" FontFamily="Arial"/>

Bonus: Restrict Input to Hex Characters #

To prevent users from typing invalid characters, add a preview input handler to your TextBox:

Add the Event Handler in Code-Behind #

private void TextBox_PreviewTextInput(object sender, TextCompositionEventArgs e)
{
    // Allow only hexadecimal characters (0-9, A-F, a-f)
    var allowedChars = "0123456789ABCDEFabcdef";
    e.Handled = !allowedChars.Contains(e.Text);
}

Attach the Event to the TextBox #

<TextBox ... PreviewTextInput="TextBox_PreviewTextInput"/>

内容的提问来源于stack exchange，提问作者Raj