WPF - ListView для ItemsControl с проблемой производительности TextBoxes - PullRequest
0 голосов
/ 24 сентября 2018

Я изо всех сил пытаюсь найти решение проблемы производительности на WPF.У меня есть проект C #, который получает некоторые «сообщения» от последовательного порта и отображает их в графическом интерфейсе.Этот графический интерфейс позволяет редактировать байты каждого полученного сообщения, а также имеет кнопку «сохранить», которая сохраняет отредактированные сообщения в файл.

Для графического интерфейса, использующего MVVM с WPF, то, что я сделал для реализацииВышеуказанным требованием является следующее:

  • Класс «MainViewModel», который содержит наблюдаемую коллекцию «SerialMessageViewModel».
  • Каждый класс «SerialMessageViewModel» содержит «имя» последовательного сообщения(строка) и его байты данных.

Представление отображает коллекцию «SerialMessageViewModel», используя ListView, и для каждого SerialMessage я использую ItemsControl для отображения байтов MessageData.Поскольку я хочу, чтобы байты thoose были редактируемыми, я использую TextBox в качестве ItemTemplate ItemsControl.Идея здесь в том, чтобы ItemsControl работал как «HexEditor», такой как GUI.

На самом деле все работает нормально, за исключением прокрутки ListView, которая очень медленная. enter image description here

Это делает приложение очень разочаровывающим в использовании .. Я понимаю, что использование ListView ItemsControl с TextBoxes, подобным этому, генерирует много TextBoxes, но я не могу найти другой способ сделать что-то подобное.Средство профилирования Visual Studio показывает, что задержка в прокрутке вызвана временем «разметки».enter image description here

Есть предложения о том, как решить эту проблему?Большое спасибо!

Просмотр XAML

<Window x:Class="WpfListIssue.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:WpfListIssue"
    mc:Ignorable="d"
    Title="MainWindow" Height="800" Width="600">
<Window.Resources>
    <ResourceDictionary>
        <local:ByteToHexStringConverter x:Key="ByteToHexStringConverter" />
    </ResourceDictionary>
</Window.Resources>
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <ProgressBar Grid.Row="0" Height="20" IsIndeterminate="True" />

    <ListView Grid.Row="1" Margin="10" ItemsSource="{Binding Messages}">
        <ListView.View>
            <GridView>
                <GridViewColumn Header="Message Name" Width="120" DisplayMemberBinding="{Binding MessageName}" />
                <GridViewColumn Header="Message Data" Width="400" >
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <ItemsControl ItemsSource="{Binding MessageData}">
                                <ItemsControl.ItemTemplate>
                                    <DataTemplate>
                                        <TextBox Text="{Binding Value, Converter={StaticResource ByteToHexStringConverter}}" />
                                    </DataTemplate>
                                </ItemsControl.ItemTemplate>
                                <ItemsControl.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <VirtualizingStackPanel Orientation="Horizontal" />
                                    </ItemsPanelTemplate>
                                </ItemsControl.ItemsPanel>
                            </ItemsControl>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
            </GridView>
        </ListView.View>
    </ListView>
</Grid>
</Window>

ViewModels

public class MainViewModel : ViewModelBase
{
    private ObservableCollection<SerialMessageViewModel> _messages;

    public ObservableCollection<SerialMessageViewModel> Messages
    {
        get { return _messages; }
        set
        {
            if (Equals(value, _messages)) return;
            _messages = value;
            RaisePropertyChanged();
        }
    }

    public MainViewModel()
    {
        GetMessages();
    }

    private void GetMessages()
    {
        // Simulates the reception of messages from serial
        Messages = new ObservableCollection<SerialMessageViewModel>();
        Random rand = new Random();

        for (int i = 0; i < 100; i++)
        {
            byte[] data = new byte[50];
            rand.NextBytes(data);
            SerialMessageViewModel message = new SerialMessageViewModel("Message n." + i, data);
            Messages.Add(message);
        }
    }
}

public class SerialMessageViewModel : ViewModelBase
{
    private string _messageName;
    private ObservableCollection<NotifyByte> _messageData;

    public string MessageName
    {
        get { return _messageName; }
        set
        {
            if (Equals(value, _messageData)) return;
            _messageName = value;
            RaisePropertyChanged();
        }
    }

    public ObservableCollection<NotifyByte> MessageData
    {
        get { return _messageData; }
        set
        {
            if (Equals(value, _messageData)) return;
            _messageData = value;
            RaisePropertyChanged();
        }
    }

    public SerialMessageViewModel(string messageName, byte[] data)
    {
        MessageName = messageName;
        MessageData = new ObservableCollection<NotifyByte>();
        foreach (byte b in data)
            MessageData.Add(new NotifyByte(b));
    }
}

public class NotifyByte : ViewModelBase
{
    private byte _value;

    public byte Value
    {
        get { return _value; }
        set
        {
            if (Equals(value, _value)) return;
            _value = value;
            RaisePropertyChanged();
        }
    }

    public NotifyByte(byte value)
    {
        _value = value;
    }
}

ByteToHexStringConverter

public class ByteToHexStringConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        byte num = (byte)value;
        return num.ToString("X2");
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        string input = (string)value;
        if (!String.IsNullOrEmpty(input))
        {
            input = input.Replace(" ", "");
            return System.Convert.ToByte(input, 16);
        }
        return 0x00;
    }
}

1 Ответ

0 голосов
/ 24 сентября 2018

Это не использует ваш пример кода, но в общем, вот как вы можете использовать DataGrid для реализации того, что вы ищете, но чтобы сделать его более легким.Обратите внимание, что я использую TextBlock, так как мы не хотим разрешать редактирование из ячейки.Ваше пользовательское текстовое поле XAML будет помещено в CellEditTemplate.

MainWindow.xaml

<DataGrid AutoGenerateColumns="False"
               ItemsSource="{Binding DataSet}">
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding DisplayName}" />
        <DataGridTemplateColumn>
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding DisplayForIsSomethingRelevant}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
            <DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <CheckBox IsChecked="{Binding IsSomethingRelevant}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellEditingTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

MainWindowVm.cs

public class MainWindowVm
{
   public ObservableCollection<TestObject> DataSet { get; set; } = new ObservableCollection<TestObject>();

   public MainWindowVm()
   {
      DataSet.Add(new TestObject {DisplayName = "Booyah", IsSomethingRelevant = true});
      DataSet.Add(new TestObject {DisplayName = "Iggy Boop", IsSomethingRelevant = false});
   }
}

TestObject.cs (bindablebase просто обеспечивает реализации по умолчаниюдля извещения о правах собственности)

public class TestObject : BindableBase
{
   private string _displayName;

   public string DisplayName
   {
      get { return _displayName; }
      set { SetProperty(ref _displayName, value); }
   }

   private bool _IsSomethingRelevant;

   public bool IsSomethingRelevant
   {
      get { return _IsSomethingRelevant; }
      set
      {
         SetProperty(ref _IsSomethingRelevant, value); 
         NotifyPropertyChanged(nameof(DisplayForIsSomethingRelevant));
      }
   }

   public string DisplayForIsSomethingRelevant => IsSomethingRelevant
                                                     ? "Totes Relevant"
                                                     : "Non-Relevono";
}
...