LampInspectionMachine/Views/CameraView.xaml

<UserControl x:Class="LampInspectionMachine.Views.CameraView"
             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:local="clr-namespace:LampInspectionMachine.Views"
             xmlns:Viewlocal="clr-namespace:LampInspectionMachine.ViewModels"
             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:cognexWF1="clr-namespace:Cognex.VisionPro;assembly=Cognex.VisionPro.Controls"
             xmlns:prism="http://prismlibrary.com/"
             xmlns:valueConvert="clr-namespace:LampInspectionMachine.ValueConverters"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d"
             FontFamily="微软雅黑"
             FontSize="10"
             d:DesignHeight="800"
             d:DesignWidth="800"
             d:Background="White">
    <UserControl.Resources>
        <Style x:Key="buttonborder"
               TargetType="Border">
            <Setter Property="BorderThickness"
                    Value="2" />
            <Setter Property="Background"
                    Value="Transparent" />
            <Setter Property="VerticalAlignment"
                    Value="Center" />
            <Setter Property="BorderBrush"
                    Value="Transparent" />
            <Setter Property="CornerRadius"
                    Value="5" />
            <Setter Property="Effect">
                <Setter.Value>
                    <DropShadowEffect BlurRadius="10"
                                      Direction="1"
                                      ShadowDepth="0.5"
                                      Color="#2961AC" />
                </Setter.Value>
            </Setter>
        </Style>
        <Style TargetType="{x:Type TreeView}">
            <Setter Property="Background"
                    Value="#F5F5F5" />
            <Setter Property="BorderBrush"
                    Value="#CCCCCC" />
            <Setter Property="BorderThickness"
                    Value="1" />
            <Setter Property="FontFamily"
                    Value="Segoe UI" />
            <Setter Property="FontSize"
                    Value="10" />
            <Setter Property="ItemContainerStyle">
                <Setter.Value>
                    <Style TargetType="{x:Type TreeViewItem}">
                        <Setter Property="Margin"
                                Value="2" />
                        <Setter Property="Padding"
                                Value="5,3" />
                    </Style>
                </Setter.Value>
            </Setter>
        </Style>
        <Style TargetType="{x:Type TreeViewItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TreeViewItem}">
                        <StackPanel>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Image Grid.Column="0"
                                       Source="/Resources/folder.png"
                                       Width="16"
                                       Height="16" />
                                <ContentPresenter Grid.Column="1"
                                                  ContentSource="Header" />
                            </Grid>
                            <ItemsPresenter />
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Foreground"
                    Value="#333333" />
            <Style.Triggers>
                <Trigger Property="IsMouseOver"
                         Value="True">
                    <Setter Property="Background"
                            Value="#E3F2FD" />
                    <Setter Property="Foreground"
                            Value="#0D47A1" />
                </Trigger>
                <Trigger Property="IsSelected"
                         Value="True">
                    <Setter Property="Background"
                            Value="#BBDEFB" />
                    <Setter Property="Foreground"
                            Value="#0D47A1" />
                </Trigger>
            </Style.Triggers>
        </Style>


        <!--ComboBox-->
        <!--ComBoBox项选中背景色-->
        <SolidColorBrush x:Key="ComboBoxSelectdBackground"
                         Color="#ff8c69" />
        <!--ComBoBox项鼠标经过背景色-->
        <SolidColorBrush x:Key="ComboBoxMouseOverBackground"
                         Color="#ff3030" />
        <!--ComBoBox项选中前景色-->
        <SolidColorBrush x:Key="ComboBoxSelectedForeground"
                         Color="White" />
        <!--ComBoBox项鼠标经过前景色-->
        <SolidColorBrush x:Key="ComboBoxMouseOverForegrond"
                         Color="White" />
        <ControlTemplate x:Key="ComboBoxToggleButton"
                         TargetType="{x:Type ToggleButton}">
            <Grid Height="25"
                  HorizontalAlignment="Stretch">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="30" />
                </Grid.ColumnDefinitions>
                <Border  Background="White"
                         Grid.ColumnSpan="2"
                         Opacity="0" />
                <Path x:Name="Arrow"
                      Grid.Column="1"
                      Data="M 0 0  6 6 12 0 Z"
                      VerticalAlignment="Center"
                      HorizontalAlignment="Center"
                      Stretch="None"
                      Fill="#999" />
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsChecked"
                         Value="true">
                    <Setter TargetName="Arrow"
                            Property="RenderTransform">
                        <Setter.Value>
                            <RotateTransform   CenterX="6"
                                               CenterY="3"
                                               Angle="180"></RotateTransform>
                        </Setter.Value>
                    </Setter>
                    <Setter TargetName="Arrow"
                            Property="Margin"
                            Value="0 0 0 2" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
        <Style TargetType="{x:Type ComboBox}">
            <Setter Property="ItemContainerStyle">
                <Setter.Value>
                    <Style TargetType="ComboBoxItem">
                        <Setter Property="Height"
                                Value="20" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate  TargetType="{x:Type ComboBoxItem}">
                                    <Grid Height="{TemplateBinding Height}"
                                          Width="{TemplateBinding Width}">
                                        <Border x:Name="_borderbg"
                                                Background="Transparent" />
                                        <TextBlock Margin="3 0 3 0"
                                                   VerticalAlignment="Center"
                                                   x:Name="_txt"
                                                   Foreground="#333"
                                                   Text="{Binding Content,RelativeSource={RelativeSource TemplatedParent}}" />
                                        <Border x:Name="_border"
                                                Background="White"
                                                Opacity="0" />
                                    </Grid>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected"
                                                 Value="true">
                                            <Setter TargetName="_borderbg"
                                                    Property="Background"
                                                    Value="{StaticResource ComboBoxSelectdBackground}" />
                                            <Setter TargetName="_txt"
                                                    Property="Foreground"
                                                    Value="{StaticResource ComboBoxSelectedForeground}" />
                                        </Trigger>
                                        <MultiTrigger>
                                            <MultiTrigger.Conditions>
                                                <Condition Property="IsSelected"
                                                           Value="false" />
                                                <Condition Property="IsMouseOver"
                                                           Value="true" />
                                            </MultiTrigger.Conditions>
                                            <Setter TargetName="_borderbg"
                                                    Property="Background"
                                                    Value="{StaticResource ComboBoxMouseOverBackground}" />
                                            <Setter TargetName="_txt"
                                                    Property="Foreground"
                                                    Value="{StaticResource ComboBoxMouseOverForegrond}" />
                                        </MultiTrigger>

                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ComboBox}">
                        <Grid>

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="0.7*" />
                                <ColumnDefinition Width="0.3*"
                                                  MaxWidth="30" />
                            </Grid.ColumnDefinitions>
                            <Border  Grid.Column="0"
                                     Grid.ColumnSpan="2"
                                     BorderThickness="1"
                                     BorderBrush="{TemplateBinding BorderBrush}"
                                     CornerRadius="1,0,0,1" />
                            <ContentPresenter HorizontalAlignment="Left"
                                              Margin="3,3,0,3"
                                              x:Name="ContentSite"
                                              VerticalAlignment="Center"
                                              Content="{TemplateBinding SelectionBoxItem}"
                                              ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                                              ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
                                              IsHitTestVisible="False" />

                            <!--ToggleButton 已数据绑定到 ComboBox 本身以切换 IsDropDownOpen-->
                            <ToggleButton Grid.Column="0"
                                          Grid.ColumnSpan="2"
                                          Template="{StaticResource ComboBoxToggleButton}"
                                          x:Name="ToggleButton"
                                          Focusable="false"
                                          IsChecked="{Binding Path=IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                          ClickMode="Press" />
                            <!--必须将 TextBox 命名为 PART_EditableTextBox，否则 ComboBox 将无法识别它-->
                            <TextBox   Visibility="Hidden"
                                       BorderThickness="0"
                                       Margin="2 0 0 0"
                                       x:Name="PART_EditableTextBox"
                                       VerticalAlignment="Center"
                                       Focusable="True"
                                       Background="Transparent"
                                       IsReadOnly="{TemplateBinding IsReadOnly}" />

                            <!--Popup 可显示 ComboBox 中的项列表。IsOpen 已数据绑定到通过 ComboBoxToggleButton 来切换的 IsDropDownOpen-->
                            <Popup IsOpen="{TemplateBinding IsDropDownOpen}"
                                   Placement="Bottom"
                                   x:Name="Popup"
                                   Focusable="False"
                                   AllowsTransparency="True"
                                   PopupAnimation="Slide">
                                <Grid MaxHeight="150"
                                      MinWidth="{TemplateBinding ActualWidth}"
                                      x:Name="DropDown"
                                      SnapsToDevicePixels="True">
                                    <Border x:Name="DropDownBorder"
                                            BorderBrush="#e8e8e8"
                                            BorderThickness="1 0 1 1" />
                                    <ScrollViewer Margin="1"
                                                  SnapsToDevicePixels="True"
                                                  HorizontalScrollBarVisibility="Auto"
                                                  VerticalScrollBarVisibility="Auto"
                                                  CanContentScroll="True">
                                        <!--StackPanel 用于显示子级，方法是将 IsItemsHost 设置为 True-->
                                        <StackPanel IsItemsHost="True"
                                                    KeyboardNavigation.DirectionalNavigation="Contained"
                                                    Background="White" />
                                    </ScrollViewer>
                                </Grid>
                            </Popup>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEditable"
                                     Value="true">
                                <Setter TargetName="PART_EditableTextBox"
                                        Property="Visibility"
                                        Value="Visible" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <valueConvert:EnumToBoolConverter x:Key="EnumToBoolConverter" />
    </UserControl.Resources>

    <Grid>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid>
                <StackPanel >
                    <TextBlock Text="{Binding CanmeraName}" FontSize="20" VerticalAlignment="Center"/>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <StackPanel Grid.Row="0"
                                Margin="50,15,0,0"
                                Orientation="Vertical"
                                VerticalAlignment="Center">
                            <GroupBox Header="相机">

                                <ComboBox x:Name="combox"
                                  Width="190"
                                  Height="30"
                                  SelectedItem="{Binding Management.CurrCameraSn}"
                                  ItemsSource="{Binding Management.CameraList}" />
                            </GroupBox>
                        </StackPanel>

                        <StackPanel Grid.Row="1"
                                Margin="50,5,0,0"
                                Orientation="Horizontal"
                                VerticalAlignment="Center">
                            <GroupBox Header="采集方式">
                                <StackPanel Orientation="Horizontal">
                                    <RadioButton  Content="软触发"
                                              IsChecked="{Binding Management.CurrCamConfig.TriggerMode,Converter={StaticResource EnumToBoolConverter},ConverterParameter=软触发}"
                                              GroupName="SoftTrigger"
                                              Margin="10" />
                                    <RadioButton  Content="硬触发"
                                              IsChecked="{Binding Management.CurrCamConfig.TriggerMode,Converter={StaticResource EnumToBoolConverter},ConverterParameter=硬触发}"
                                              GroupName="SoftTrigger"
                                              Margin="30,10,40,0" />
                                </StackPanel>
                            </GroupBox>
                        </StackPanel>

                        <StackPanel Grid.Row="2"
                                Margin="50,5,0,0"
                                Orientation="Horizontal"
                                VerticalAlignment="Center">
                            <GroupBox Header="曝光">
                                <StackPanel Orientation="Horizontal">
                                    <TextBox Width="190"/>
                                </StackPanel>
                            </GroupBox>
                        </StackPanel>

                        <Border Grid.Row="3"
                            BorderThickness="1"
                            BorderBrush="#e8e8e8"
                            Margin="50,10,0,0"
                            Padding="5">

                            <StackPanel  Orientation="Horizontal"
                                     VerticalAlignment="Center">
                                <Border Background="#0A85D9"
                                    BorderBrush="Black"
                                    BorderThickness="1"
                                    Margin="10,5,3,5"
                                    CornerRadius="8">
                                    <Button Content="初始化"
                                        Background="Transparent"
                                        Foreground="White"
                                        Margin="2" 
                                        MinWidth="50"
                                        BorderThickness="0"
                                        Command="{Binding CameraInifCommand}" />

                                </Border>
                                <Border Background="#0A85D9"
                                    BorderBrush="Black"
                                    BorderThickness="1"
                                    Margin="40,5,3,5"
                                    CornerRadius="8">
                                    <Button Content="关闭"
                                        Background="Transparent"
                                        Foreground="White"
                                        Margin="2"
                                        MinWidth="50"
                                        BorderThickness="0"
                                        Command="{Binding CameraCloseCommand}"
                                        CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" />

                                </Border>
                            </StackPanel>
                        </Border>

                        <Border Grid.Row="4"
                            BorderThickness="1"
                            BorderBrush="#e8e8e8"
                            Margin="50,10,0,0"
                            Padding="5">

                            <StackPanel  Orientation="Horizontal"
                                     VerticalAlignment="Center">
                                <Border Background="#0A85D9"
                                    BorderBrush="Black"
                                    BorderThickness="1"
                                    Margin="10,5,3,5"
                                    CornerRadius="8">
                                    <Button Content="开始采集"
                                        Background="Transparent"
                                        Foreground="White"
                                        Margin="2"
                                        MinWidth="50"
                                        BorderThickness="0"
                                        Command="{Binding  SoftTrigger_ContinueCommand}"
                                        CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" />
                                </Border>
                                <Border Background="#0A85D9"
                                    BorderBrush="Black"
                                    BorderThickness="1"
                                    Margin="40,5,3,5"
                                    CornerRadius="8">
                                    <Button Content="单张采集"
                                        Background="Transparent"
                                        Foreground="White"
                                        Margin="2"
                                        MinWidth="50"
                                        BorderThickness="0"
                                        Command="{Binding SoftTriggerCommand}" />

                                </Border>

                            </StackPanel>
                        </Border>

                        <Border Grid.Row="5"
                            BorderThickness="1"
                            BorderBrush="#e8e8e8"
                            Margin="50,10,0,0"
                            Padding="5">

                            <StackPanel  Orientation="Horizontal"
                                     VerticalAlignment="Center">
                                <Border Background="#0A85D9"
                                    BorderBrush="Black"
                                    BorderThickness="1"
                                    Margin="10,5,3,5"
                                    CornerRadius="8">
                                    <Button Content="图片轮询"
                                        Background="Transparent"
                                        Foreground="White"
                                        Margin="2"
                                        MinWidth="50"
                                        BorderThickness="0"
                                        Command="{Binding  ImageTrigger_ContinueCommand}"
                                        CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" />
                                </Border>
                                <Border Background="#0A85D9"
                                    BorderBrush="Black"
                                    BorderThickness="1"
                                    Margin="40,5,3,5"
                                    CornerRadius="8">
                                    <Button Content="单张图片"
                                        Background="Transparent"
                                        Foreground="White"
                                        Margin="2"
                                        MinWidth="50"
                                        BorderThickness="0"
                                        Command="{Binding ImageTriggerCommand}" />

                                </Border>

                            </StackPanel>
                        </Border>


                    </Grid>
                </StackPanel>
            </Grid>
            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition Height="180"/>
                </Grid.RowDefinitions>
                <DockPanel Margin="20,20,10,20" Grid.Row="0">
                    <WindowsFormsHost Viewlocal:CogDisplayBinder.ImageSource="{Binding Management.Render}">
                        <cognexWF1:CogRecordDisplay x:Name="cogRecordDisplay" />
                    </WindowsFormsHost>
                </DockPanel>
                <DockPanel  Grid.Row="1">
                    <ListBox ItemsSource="{Binding Logs}"
                     BorderBrush="Transparent">
                        <i:Interaction.Behaviors>
                            <Viewlocal:AutoScrollBehavior />
                        </i:Interaction.Behaviors>
                    </ListBox>
                </DockPanel>
            </Grid>
        </Grid>
    </Grid>
</UserControl>