1

我正在尝试在我的 WPF 应用程序中模拟 LED 指示灯(大约 16 个)。我从串口获得 2 个字节,根据这些位,我需要打开/关闭应用程序窗口上的 LED 指示灯。示例:0xFF、0xFE => 除了最后一个 LED 之外的所有 LED 都亮起。我使用深色背景颜色的标签来表示关闭 LED,使用明亮背景颜色表示开启 LED。如果我有一组标签,那么我可能会做这样的事情:

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

关于什么是做到这一点的最佳方法的任何建议?可以显示这将如何工作的示例代码将很有帮助。谢谢!

4

3 回答 3

2

我相信您可以弄清楚如何做您所要求的,但是让我们考虑一下手头的工具?你有一个布尔数组,看起来。正如建议的那样,ItemsControl 可以很好地处理它们。首先,让我们做一些代码隐藏来将我们的布尔值转换为画笔来设置我们项目的背景。

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>

编辑:我忘记了数据绑定。在窗口的构造函数中:

public MainWindow()
{
    InitializeComponent();
    LEDPanel.ItemsSource = bitArray;
}
于 2012-12-21T00:07:29.643 回答
1

涵盖的概念是 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

}

项目控制和样式触发器

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

不需要转换器,因为我们设置了一个与目标值相协调的样式触发器。如果 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>

当这个程序在这里运行时,结果是:

在此处输入图像描述

于 2012-12-21T00:44:58.410 回答
0

试试这个。这显然只是一个示例,我建议您使用 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
于 2012-12-20T23:33:25.137 回答