wpf触发与模板的使用示例：批量生产工具

小黄人软件2024-09-13 11:43

批量生产工具

xml 复制代码 
<Window x:Class="WpfM20UpdateFW.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:WpfM20UpdateFW"
        mc:Ignorable="d"
        Title="FT_MultiUart Tool V2.7   " Height="600" Width="800" WindowState="Maximized"  Closed="Window_Closed" KeyDown="Window_KeyDown" Loaded="Window_Loaded">

    <Window.Resources>
        <RoutedUICommand x:Key="download" Text="download"/>
        <RoutedUICommand x:Key="download_concel" Text="download_concel"/>
        <RoutedUICommand x:Key="settings" Text="settings"/>
    </Window.Resources>
    <Window.InputBindings>
        <KeyBinding Gesture="Alt+D" Key="D"  Command="{StaticResource download}"></KeyBinding>
        <KeyBinding Gesture="Alt+C" Key="C"  Command="{StaticResource download_concel}"></KeyBinding>
        <KeyBinding Gesture="Alt+S" Key="S"  Command="{StaticResource settings}"></KeyBinding>

    </Window.InputBindings>
    <Window.CommandBindings>
        <CommandBinding Command="{StaticResource download}" CanExecute="Button_Click_Download"></CommandBinding>
        <CommandBinding Command="{StaticResource download_concel}" CanExecute="Button_Click_DownloadCancel"></CommandBinding>
        <CommandBinding Command="{StaticResource settings}" CanExecute="Button_Click_Settings"></CommandBinding>
    </Window.CommandBindings>

    <Grid ShowGridLines="false" MinWidth="20" FocusManager.FocusedElement="{Binding ElementName=download}" Grid.ColumnSpan="4">
        <Grid.RowDefinitions>
            <RowDefinition  Height="30"></RowDefinition>
            <RowDefinition  Height="*"></RowDefinition>

        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.1*"></ColumnDefinition>
            <ColumnDefinition Width="0.1*"></ColumnDefinition>
            <ColumnDefinition Width="0.1*"></ColumnDefinition>
            <ColumnDefinition Width="0.1*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <!--<TextBox Grid.Row="0" Grid.Column="0"  x:Name="Path" IsReadOnly="True"/>-->
        <Button Grid.Row="0" Grid.Column="0" FontSize="20" FontWeight="Bold" Margin="5,0,5,0"  x:Name="settings" Click="Button_Click_Settings">Settings</Button>
        <Button Grid.Row="0" Grid.Column="3" FontSize="20" FontWeight="Bold" Margin="50,0,5,0" x:Name="download" IsDefault="True" Click="Button_Click_Download" >Start</Button>
        <TextBlock Grid.Row="0" Grid.Column="1"  Grid.ColumnSpan="2" x:Name="textBlockDevice" FontFamily="黑体" FontSize="25" HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding DeviceCount}"/>

        <ListBox x:Name="myListBox" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="4">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel Orientation="Horizontal" IsItemsHost="True"/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel x:Name="myStackPanel" Orientation="Vertical" Background="AliceBlue" Margin="1 0 0 0" Width="300" Height="{Binding ActualHeight, ElementName=myListBox, Mode=OneWay}">
                        <TextBlock x:Name="myCom" FontFamily="黑体" FontSize="25" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <TextBlock.Text >
                                <MultiBinding StringFormat="{}COM{0,-4}">
                                    <Binding Path="Name"/>
                                </MultiBinding>
                            </TextBlock.Text>
                        </TextBlock>


                        <DataGrid x:Name="myDataGrid" AutoGenerateColumns="True"  MaxHeight="400"  ItemsSource="{Binding DataGridCollection}">
                            <DataGrid.RowStyle>
                                <Style TargetType="DataGridRow">
                                    <Setter Property="Background" Value="White" />
                                    <Style.Triggers>
                                        <!-- 这里是根据条件来设置颜色，假设你想要将满足某个条件的行背景设置为绿色 -->
                                        <DataTrigger Binding="{Binding Row[状态]}" Value="PASS">
                                            <Setter Property="Background" Value="Green" />
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding Row[状态]}" Value="FAIL">
                                            <Setter Property="Background" Value="Red" />
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding Row[状态]}" Value="SKIP">
                                            <Setter Property="Background" Value="Gray" />
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </DataGrid.RowStyle>
                        </DataGrid>



                        <TextBlock x:Name="myStatus" Text="{Binding Path=Status}" FontFamily="黑体" FontSize="40"  FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <TextBlock.Style>
                                <Style TargetType="TextBlock">
                                    <Setter Property="Foreground" Value="White" />
                                    <Style.Triggers>
                                        <!-- 这里是根据条件来设置颜色，假设你想要将满足某个条件的行背景设置为绿色 -->
                                        <DataTrigger Binding="{Binding Status}" Value="PASS">
                                            <Setter Property="Foreground" Value="Green" />
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding Status}" Value="FAIL">
                                            <Setter Property="Foreground" Value="Red" />
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding Status}" Value="SKIP">
                                            <Setter Property="Foreground" Value="Gray" />
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding Status}" Value="READY">
                                            <Setter Property="Foreground" Value="Black" />
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </TextBlock.Style>
                        </TextBlock>
                        <TextBox x:Name="myLog" Text="{Binding Path=Log}" MinHeight="100" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto" AcceptsReturn="True" IsReadOnly="True" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>


        <!--<ListView x:Name="myListBox" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="4">
            <ListView.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel Orientation="Horizontal" IsItemsHost="True"/>
                </ItemsPanelTemplate>
            </ListView.ItemsPanel>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Vertical" Background="AliceBlue" Margin="1 0 0 0" Width="300" Height="{Binding ActualHeight, ElementName=myListBox, Mode=OneWay}">
                        <TextBlock x:Name="textBlock" FontFamily="黑体" FontSize="25" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <TextBlock.Text >
                                <MultiBinding StringFormat="{}COM{0,-4}">
                                    <Binding Path="Name"/>
                                </MultiBinding>
                            </TextBlock.Text>
                        </TextBlock>

                        <DataGrid Name="myDataGrid" AutoGenerateColumns="True"  MaxHeight="500" />

                        <TextBlock Text="{Binding Path=Status}" Foreground="{Binding Path=StatusForeground}" FontFamily="黑体" FontSize="40" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        <TextBox x:Name="logText" MinHeight="100" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto" AcceptsReturn="True" IsReadOnly="True" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" />
                    </StackPanel>
                </DataTemplate>
            </ListView.ItemTemplate>
            --><!-- 添加数据绑定项 --><!--
        </ListView>-->


        <!--<ListBox DockPanel.Dock="Top"  x:Name="myListBoxSP" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Center">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid>
                            <ProgressBar x:Name="Progress">
                                <ProgressBar.Value>
                                    <Binding Path="ProgressValue"></Binding>
                                </ProgressBar.Value>
                                <ProgressBar.Foreground>
                                    <Binding Path="ProgressForeground"></Binding>
                                </ProgressBar.Foreground>
                            </ProgressBar>
                            <TextBlock x:Name="textBlock" FontFamily="黑体" FontSize="25" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <TextBlock.Text >
                                    <MultiBinding StringFormat="{}SP  COM{0,-4}{1,4}%">
                                        <Binding Path="Name"/>
                                        <Binding Path="Value" ElementName="Progress"/>
                                    </MultiBinding>
                                </TextBlock.Text>
                            </TextBlock>

                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>-->



    </Grid>
</Window>

还是不习惯数据绑定的方式，总是想用getcontrol先获取控件，再对控件进行处理。我注释后，绑定也很方便！！！

csharp 复制代码 
private void Window_Loaded(object sender, RoutedEventArgs e)
{
    DataTable dataTable = new DataTable();
    dataTable.Columns.Add("序号", typeof(int));
    dataTable.Columns.Add("测试项", typeof(string));
    dataTable.Columns.Add("状态", typeof(string));
    dataTable.Columns.Add("值", typeof(string));


    for (int j = 1; j <= 40; j++)
    {
            dataTable.Rows.Add(j, "读SN", j < 10?"PASS":"FAIL","FT123456789");
    }
    for (int i = 0; i < bindingList.Count; i++)
    {
        //TextBlock myCom = (TextBlock)MyAPI.getControl(myListBox, i, "myCom");

        //DataGrid myDataGrid = (DataGrid)MyAPI.getControl(myListBox, i, "myDataGrid");
        //if (myDataGrid != null)
        //{
        //    myDataGrid.ItemsSource = dataTable.DefaultView;
        //}
        bindingList[i].DataGridCollection = dataTable.DefaultView;


        //TextBlock myStatus = (TextBlock)MyAPI.getControl(myListBox, i, "myStatus");
        //myStatus.Text = "PASS";
        bool b = true;
        for (int k = 0; k < dataTable.Rows.Count; k++) {
            if (dataTable.Rows[k]["状态"].Equals("FAIL"))
            {
                b = false;
            }
        }
        bindingList[i].Status = b?"PASS":"FAIL";

        //TextBlock myLog = (TextBlock)MyAPI.getControl(myListBox, i, "myLog");
        //myLog.Text = "测试完成";

        bindingList[i].Log = "测试完成";
    }
}

触发示例：多种状态对应不同颜色

DataTrigger 可以设置多种状态，每种状态对应不同的颜色。你可以为 DataGridRow 设置多个 DataTrigger，根据不同的条件更改行的颜色。假设你有一个 Status 列，不同的状态对应不同的颜色，比如 "Green"、"Yellow"、"Red" 等。

示例：多种状态对应不同颜色

假设 DataTable 中有一个 Status 列，根据 Status 的值来设置不同的背景颜色。

1. 创建 DataTable 并绑定到 DataGrid
csharp 复制代码 
// 创建 DataTable
DataTable table = new DataTable();
table.Columns.Add("Name", typeof(string));
table.Columns.Add("Status", typeof(string)); // 状态列，用于改变颜色

// 添加示例数据
table.Rows.Add("Item 1", "Green");  // 对应绿色
table.Rows.Add("Item 2", "Yellow"); // 对应黄色
table.Rows.Add("Item 3", "Red");    // 对应红色

// 绑定到 DataGrid
myDataGrid.ItemsSource = table.DefaultView;
2. 在 XAML 中定义 DataGrid 的 RowStyle

使用多个 DataTrigger 为不同的状态设置不同的行背景颜色：

xml 复制代码 
<DataGrid x:Name="myDataGrid" AutoGenerateColumns="True">
    <DataGrid.RowStyle>
        <Style TargetType="DataGridRow">
            <Setter Property="Background" Value="White" /> <!-- 默认背景色 -->
            <Style.Triggers>
                <!-- 当 Status 为 "Green" 时，将行背景设置为绿色 -->
                <DataTrigger Binding="{Binding Path=Row[Status]}" Value="Green">
                    <Setter Property="Background" Value="LightGreen" />
                </DataTrigger>
                <!-- 当 Status 为 "Yellow" 时，将行背景设置为黄色 -->
                <DataTrigger Binding="{Binding Path=Row[Status]}" Value="Yellow">
                    <Setter Property="Background" Value="Yellow" />
                </DataTrigger>
                <!-- 当 Status 为 "Red" 时，将行背景设置为红色 -->
                <DataTrigger Binding="{Binding Path=Row[Status]}" Value="Red">
                    <Setter Property="Background" Value="Salmon" />
                </DataTrigger>
                <!-- 你可以添加更多状态和对应的颜色 -->
            </Style.Triggers>
        </Style>
    </DataGrid.RowStyle>
</DataGrid>

3. 动态修改 DataTable 行状态

你可以在代码中动态修改 Status 列的值来触发颜色变化：

csharp 复制代码 
// 将第一行的状态设置为 "Red"，触发行背景变为红色
table.Rows[0]["Status"] = "Red";

解释

  • Path=Row[Status]：绑定到 DataRowView 的 Row 属性中的 Status 列。
  • 每个 DataTrigger 针对 Status 列的不同值设置不同的背景颜色。
  • 你可以根据需要添加更多的 DataTrigger，为更多的状态设置不同的颜色。

这样，你可以通过修改 DataTable 中的状态值，动态控制 DataGrid 中行的颜色变化。

相关推荐
飞飞-躺着更舒服31 分钟前
【QT】实现电子飞行显示器（改进版）
开发语言·qt
武昌库里写JAVA1 小时前
Java成长之路（一）--SpringBoot基础学习--SpringBoot代码测试
java·开发语言·spring boot·学习·课程设计
野蛮的大西瓜1 小时前
开源呼叫中心中，如何将ASR与IVR菜单结合，实现动态的IVR交互
人工智能·机器人·自动化·音视频·信息与通信
ZSYP-S1 小时前
Day 15：Spring 框架基础
java·开发语言·数据结构·后端·spring
yuanbenshidiaos1 小时前
c++------------------函数
开发语言·c++
程序员_三木2 小时前
Three.js入门-Raycaster鼠标拾取详解与应用
开发语言·javascript·计算机外设·webgl·three.js
是小崔啊2 小时前
开源轮子 - EasyExcel01(核心api)
java·开发语言·开源·excel·阿里巴巴
tianmu_sama2 小时前
[Effective C++]条款38-39 复合和private继承
开发语言·c++
黄公子学安全2 小时前
Java的基础概念（一）
java·开发语言·python
liwulin05062 小时前
【JAVA】Tesseract-OCR截图屏幕指定区域识别0.4.2
java·开发语言·ocr
热门推荐
01构建高效的广告投放系统：应用架构的设计与实现02ARM学习（31）编译器对overlay方式的支持03玄机平台应急响应—webshell查杀04Cube-Studio：开源大模型全链路一站式中台05校验 GPT-4 真实性的三个经典问题：快速区分 GPT-3.5 与 GPT-4，并提供免费测试网站06Docker 夺命连环 15 问07〔AI 绘画〕Stable Diffusion 之 解决绘制多人或面部很小的人物时面部崩坏问题 篇08基于大语言模型（LLM）的合成数据生成、策展和评估的综述09(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明10Ubuntu 20.04使用Livox mid 360 测试 FAST_LIO