Question

我正在尝试在我的WPF应用程序中模拟LED指示器（大约16）。我从串口获得2个字节，根据这些位，我需要打开/关闭我的应用程序窗口上的LED指示灯。示例：0xFF，0xFE =＆gt;除了最后一个LED之外的所有LED都亮了我使用深色背景颜色的标签来指示OFF LED，以及ON LED的明亮背景颜色。如果我有一系列标签，那么我可能会做这样的事情：

for(i = 0; i < 16; i++)
{
  if(bitArray[i] == true)
    lblLED[i].Background = Brushes.Pink;
  else
    lblLED[i].Background = Brushes.Maroon;
}

有什么建议最好的方法吗？一个示例代码可以显示这将如何工作将有所帮助。谢谢！

Answer 1

我相信你可以弄清楚如何做你所要求的，但让我们考虑手边的工具？看来你有一系列布尔。正如所建议的那样，ItemsControl可以很好地处理它们。首先，让我们做一些代码隐藏，将我们的bool转换为画笔来设置项目的背景。

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

namespace MyNamespace
{
    public class BoolToBrushConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            // return a Pink SolidColorBrush if true, a Maroon if false
            return (bool)value ? Brushes.Pink : Brushes.Maroon;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
             return (SolidColorBrush)value == Brushes.Pink;
        }
    }
}

这将允许您在绑定到bool[] bitArray时将ItemsControl翻译成一系列画笔。现在为一些Xaml：

首先，确保在xmlns属性和系统核心库（请参阅xmlns属性）中声明您的本地命名空间（其中包含我们刚刚定义的转换器）。

<Window x:Class="MyNamespace.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    <!-- our local namespace -->
    xmlns:my="clr-namespace:MyNamespace"
    <!-- system core library -->
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    Title="MainWindow" Height="600" Width="900">
    <Grid>
        <ItemsControl Name="LEDPanel"> <!-- Need to Name this Control in order to set the ItemsSource Property at startup -->
            <ItemsControl.Resources>
                <my:BoolToBrushConverter x:Key="LEDConverter" /> <!-- Here we define our converter for use, note the preceding my: namespace declaration -->
            </ItemsControl.Resources>
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" /> <!-- this will make the items defined in the ItemTemplate appear in a row -->
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate DataType="{x:Type sys:Boolean}"> <-- We will be binding our ItemsControl to a bool[] so each Item will be bound to a bool -->
                    <Border Margin="3" CornerRadius="10" Height="20" Width="20" BorderThickness="2" BorderBrush="Silver" Background="{Binding Converter={StaticResource LEDConverter}}" />
                    <!-- This is where we describe our item. I'm drawing a round silver border and then binding the Background to the item's DataContext (implicit) and converting the value using our defined BoolToBrushConverter -->
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</Window>

编辑：我忘记了DataBinding。在Window的构造函数中：

public MainWindow()
{
    InitializeComponent();
    LEDPanel.ItemsSource = bitArray;
}

Answer 2

所涵盖的概念是INotifyPropertyChanges（在.net 4.5中（其他版本的最小变化，但概念相同）），ItemsControl和最后的样式触发器。

INotifyPropertyChanges

我的第一步是将INotifyPropertyChanges放在我们的主窗口上，以自动通知WPF控件任何更改。您将位数组转换为列表，并在需要时将其放入（可能在计时器上？）。请注意，有多少......控件会扩展。

public partial class MainWindow : Window, INotifyPropertyChanged
{
    private List<bool> _LedStates;

    public List<bool> LedStates
    {
        get { return _LedStates; }
        set
        {
            _LedStates = value;
            NotifyPropertyChanged();

        }
    }

    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;
        LedStates = new List<bool>() {true, false, true};
    }


    #region INotifyPropertyChanged
    /// <summary>
    /// Event raised when a property changes.
    /// </summary>
    public event PropertyChangedEventHandler PropertyChanged;

    /// <summary>
    /// Raises the PropertyChanged event.
    /// </summary>
    /// <param name="propertyName">The name of the property that has changed.</param>
    protected virtual void NotifyPropertyChanged( [CallerMemberName] String propertyName = "" )
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler( this, new PropertyChangedEventArgs( propertyName ) );
        }
    } 
    #endregion

}

ItemsControl＆amp;样式触发器

然后在WPF xaml中，我们将绑定到bool列表并使用项目模板（想想找到的每个数据项的通用迷你视图）。在该模板中，我们将根据布尔值的状态显示红色或绿色。

不需要转换器，因为我们设置了一个调整到目标值的样式触发器。如果Textblocks文本为“True”，我们将显示绿色，当“False”时，我们将触发/显示红色。

<Window x:Class="WPFBindToArray.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>

<ItemsControl x:Name="icBitViewer"
                ItemsSource="{Binding LedStates}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel HorizontalAlignment="Stretch"
                        IsItemsHost="True" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}" Grid.Column="0">
                <TextBlock.Style>
                    <Style TargetType="{x:Type TextBlock}">
                        <Style.Triggers>
                            <Trigger Property="Text" Value="True">
                                <Setter Property="Background" Value="Green" />
                            </Trigger>
                            <Trigger Property="Text"  Value="False">
                                <Setter Property="Background" Value="Red" />
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Style>
            </TextBlock>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

    </Grid>
</Window>

运行此程序时，结果如下：

enter image description here

Answer 3

试试这个。这显然只是一个例子，我建议你使用WPF的功能，并且可能使用与Label不同的控件。

Func<ushort, bool[]> getBits = s =>
{
    var bools = new bool[sizeof (ushort)*8];
    for (var i = 0; i < bools.Length; i++)
        bools[i] = (s & 1 << i) > 0;
    return bools;
};
var bits = getBits(2);
var labels = new Label[sizeof (ushort)*8];
for (var i = 0; i < labels.Length; i++)
{
    var label = new Label {Background = bits[i] ? Brushes.Green : Brushes.Red};
    labels[i] = label;
}
//Do something with the Label array

如何在wpf中创建标签数组？

3 个答案:

INotifyPropertyChanges

ItemsControl＆amp;样式触发器