C# 使用数据绑定动态重建状态栏

我正在构建一个插件系统，每个插件都有自己的状态栏，包含不同的区域。因此，插件1可以有一个带有2x200像素区域的状态栏，而插件2可以只有一个400像素区域

我在

WPF/MVVM

中构建它，在我的应用程序视图模型中，当我在插件之间切换时，插件的

StatusBar

会被加载

我有一个可观察的状态栏集合，可以加载到：

ObservableCollection<StatusBar> StatusBars 
{ 
    get;
    set;
}

我的问题是，我无法让XAML支持我加载集合并将每个

StatusBar

显示为自己的区域。我尝试如何进行这项工作的简化版本如下所示：

public class StatusBar : ObservableObject
{
    public string Name { get; set; }
    public int Width { get; set; }
    public StatusBarAreaType Type { get; set; }

    string _message;

    public string Message
    {
        get
        {
            return _message;
        }

        set
        {
            if (_message != value)
            {
                _message = value;
                OnPropertyChanged();
            }
        }
    }
}

<StatusBar VerticalAlignment="Bottom" Height="25" ItemsSource="{Binding StatusBars}" ItemTemplate="{DynamicResource StatusBarTemplate}">
    <StatusBar.Resources>
        <DataTemplate x:Key="StatusBarTemplate">
            <TextBlock Text="{Binding Message}"></TextBlock>
        </DataTemplate>
    </StatusBar.Resources>
</StatusBar>

（我尝试了

StatusBarItem

stuff、

ItemsControl

templates，使用内部网格等）

---

如何实现基于StatusBar类由不同区域组成的

StatusBar

目标？

我现在已经能够解决这个问题，下面是我的XAML：

<UserControl x:Class="MyCompany.View.StatusBarControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:viewModel="clr-namespace:MyCompany.ViewModel"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300"
             DataContext="{Binding StatusBar,Source={StaticResource Locator}}">
    <UserControl.Resources>
        <DataTemplate x:Key="SimpleTextDataTemplate">
            <StatusBarItem Width="{Binding Width}" Margin="0,5,0,0">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding Message}"></TextBlock>
                </StackPanel>
            </StatusBarItem>
        </DataTemplate>

        <DataTemplate x:Key="ErrorDataTemplate">
            <StatusBarItem Width="{Binding Width}" Margin="0,5,0,0">
                <TextBlock Text="{Binding Message}"></TextBlock>
            </StatusBarItem>
        </DataTemplate>

        <DataTemplate x:Key="ProgressBarDataTemplate">
            <StatusBarItem Width="{Binding Width}" Margin="0,10,0,0">
                <ProgressBar Width="{Binding Width}" Height="{Binding ElementName=theStatusBar,Path=Height}" Value="{Binding Message}"></ProgressBar>
            </StatusBarItem>
        </DataTemplate>
    </UserControl.Resources>
    <Grid>
        <StatusBar x:Name="theStatusBar" VerticalAlignment="Bottom" Background="#d0d2d6" Height="30"
                   ItemsSource="{Binding StatusBars}">
            <StatusBar.ItemTemplateSelector>
                <viewModel:StatusBarRegionSelector SimpleTextTemplate="{StaticResource SimpleTextDataTemplate}"
                                                   ErrorTemplate="{StaticResource ErrorDataTemplate}"
                                                   ProgressBarTemplate="{StaticResource ProgressBarDataTemplate}" />
            </StatusBar.ItemTemplateSelector>
        </StatusBar>
    </Grid>
</UserControl>

---

现在唯一剩下的问题是在每个项目之间添加一个分隔符，由于某种原因，现在添加一个分隔符不起作用，无论我将其放置在何处，它都不会显示。

这看起来像是一个模板选择器类型的问题。您考虑过使用模板选择器吗？我打算在稍后阶段添加它，以便能够根据类型更改区域的内容。但是，由于我无法让这些地区发挥作用，我还没有走那么远。这将如何解决我的问题？你的意思是？为什么区域不起作用？嗯，我目前还没有完成将Itemssource绑定到模型并使其生成内容的第一步，而且谷歌也没有给我任何关于有人在WPF状态栏上进行任何类型绑定的点击。因此，如果你知道如何做第一步，请分享：）好的，我开始理解这里。StatusBar继承自ItemsControl，所以您不需要成为items而不是容器吗？

public class StatusBarRegionSelector : DataTemplateSelector
    {
        public DataTemplate SimpleTextTemplate { get; set; }
        public DataTemplate ErrorTemplate { get; set; }
        public DataTemplate ProgressBarTemplate { get; set; }

        public override DataTemplate SelectTemplate(object item, DependencyObject container)
        {
            var statusBar = (StatusBar) item;

            if (statusBar != null)
                switch (statusBar.Type)
                {
                    case StatusBarAreaType.SimpleText:
                        return SimpleTextTemplate;
                        break;
                    case StatusBarAreaType.Error:
                        return ErrorTemplate;
                        break;
                    case StatusBarAreaType.ProgressBar:
                        return ProgressBarTemplate;
                        break;
                    default:
                        throw new ArgumentOutOfRangeException();
                }

            return SimpleTextTemplate;
        }
    }