Блог

У меня есть несколько групп наблюдаемых коллекций элементов, которые обновляются в фоновом потоке с регулярным интервалом (от 30 до 60 секунд). Эти коллекции отображаются через ItemsControls в представлении. Родительский элемент и элементы в элементе управления имеют несколько атрибутов отображения, привязанных к статусу каждого элемента.

1. Статус будет определять, какая фигура будет отображаться рядом с текстом, а также цвет обводки и заливки этой фигуры.
2. Статус будет определять цвет фона и цвет текста текста для этого элемента.
3. Статус будет определять, отображается ли таймер обратного отсчета в элементе (таймер не привязан к viewmodel)
4. Статус может определять цвет границы родительского контейнера.

В настоящее время я выполняю эту логику в отдельных IValueConverters для каждого свойства. Это работает, но кажется громоздким и разбросанным. Я почти хочу каким-то образом подписаться на событие PropertyChanged в пользовательском интерфейсе и заставить его вызвать один метод для отображения всего отображения для этого элемента, чтобы вся логика содержалась в одном месте. Есть ли лучший способ сделать это или я должен просто придерживаться IValueConverters?

Вот пример того, что у меня есть.

Коллекция:

 public ObservableCollection<PanelItem> PanelItems1 
{
    get { return panelItems1; }
    set
    {
        panelItems1 = value;
        base.OnPropertyChanged("PanelItems1");
    }
}
 

PanelItem — это небольшая коллекция свойств, которые включают в себя: имя, значение (статус), Описание. ItemsControls аналогичен следующему:

 <Border Grid.Row="0" Grid.Column="0"
        BorderBrush="{Binding Path=PanelGroup1.HighestStatus, Converter={StaticResource ParentBorderColorConverter}}"
        BorderThickness="3" Height="Auto" Width="Auto" Margin="0,0,2,0">
    <StackPanel Grid.Column="0" Grid.Row="0">
        <Label Grid.Row="0" Grid.Column="0" Content="First Group" Style="{StaticResource panelTitle}" />
        <ItemsControl ItemsSource="{Binding Path=PanelItems1, Mode=TwoWay}"
                      ItemTemplate="{StaticResource PanelItemTemplate}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel IsItemsHost="True" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
        </ItemsControl>

        <!-- Here is the Data Template -->
        <DataTemplate x:Key="PanelItemTemplate">
            <Viewbox MaxHeight="20" HorizontalAlignment="Left" Cursor="Hand">
                <WrapPanel>
                    <Path Margin="2,2,2,2" StrokeThickness="2">
                        <Path.Data>
                            <Binding Path="Status" Mode="OneWay" Converter="{StaticResource ShapeConverter}" />
                        </Path.Data>
                        <Path.Fill>
                            <Binding Path="Status" Mode="OneWay" Converter="{StaticResource ShapeColorConverter}" />
                        </Path.Fill>
                        <Path.Stroke>
                            <Binding Path="Status" Mode="OneWay" Converter="{StaticResource ShapeBorderConverter}" />
                        </Path.Stroke>
                    </Path>
                    <ContentPresenter Content="{Binding Path=Name}" Margin="5,0,0,0" />
                </WrapPanel>
            </Viewbox>
        </DataTemplate>
    </StackPanel>
</Border>
 

Почему бы вам просто не объявить обычный класс, который реализует INotifyPropertyChanged интерфейс для вашего Status объекта? Просто добавьте в него необходимые свойства, такие как Geometry , Fill и Stroke и т. Д. Если бы вы это сделали, вам не понадобились бы никакие Converter классы, и вы могли бы сделать что-то вроде этого:

 <DataTemplate x:Key="PanelItemTemplate">
    <Viewbox MaxHeight="20" HorizontalAlignment="Left" Cursor="Hand" > 
           <WrapPanel>
                <Path Margin="2,2,2,2" StrokeThickness="2" >
                <Path.Data>
                    <Binding Path="Status.Geometry" Mode="OneWay" />
                </Path.Data>
                <Path.Fill>
                    <Binding Path="Status.Fill" Mode="OneWay" />
                </Path.Fill>
                <Path.Stroke>
                    <Binding Path="Status.Stroke" Mode="OneWay" />
                </Path.Stroke>
            </Path>
            <ContentPresenter  Content="{Binding Path=Name}" Margin="5,0,0,0"   />
        </WrapPanel>
    </Viewbox>
</DataTemplate>
 

Можно создать только один конвертер, который будет включать в себя всю логику преобразования и возвращать новый класс, к которому вы будете привязываться:

 public class MyNewConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // Perform all required conversions here and return them as a new type of object
        return new
            {
                Data = ...,
                Fill = ...,
                Stroke = ...
            };
    }
}
 

Тогда все, что вам нужно сделать, это изменить ваше Path DataContext свойство, чтобы использовать этот конвертер.

 <Viewbox MaxHeight="20" HorizontalAlignment="Left" Cursor="Hand">
    <WrapPanel>
        <Path Margin="2,2,2,2" StrokeThickness="2" DataContext="{Binding Path=Status, Converter={StaticResource MyNewConverter}}">
            <Path.Data>
                <Binding Path="Data" Mode="OneWay" />
            </Path.Data>
            <Path.Fill>
                <Binding Path="Fill" Mode="OneWay" />
            </Path.Fill>
            <Path.Stroke>
                <Binding Path="Stroke" Mode="OneWay" />
            </Path.Stroke>
        </Path>
        <ContentPresenter Content="{Binding Path=Name}" Margin="5,0,0,0" />
    </WrapPanel>
</Viewbox>