LampInspectionMachine/Views/MenuView.xaml

<UserControl x:Class="LampInspectionMachine.Views.MenuView"
             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:b="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:prism="http://prismlibrary.com/"
             xmlns:valueConvert="clr-namespace:LampInspectionMachine.ValueConverters"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d"
             d:DesignHeight="450"
             d:DesignWidth="800"
             d:Background="White">
    <b:Interaction.Triggers>
        <b:EventTrigger EventName="Loaded">
            <b:InvokeCommandAction Command="{Binding LoadedCommand}" />
        </b:EventTrigger>
    </b:Interaction.Triggers>
    <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="White" />
            <Setter Property="CornerRadius"
                    Value="5" />
            <Setter Property="Effect">
                <Setter.Value>
                    <DropShadowEffect BlurRadius="10"
                                      Direction="0"
                                      ShadowDepth="0"
                                      Color="#D4D8DD" />
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="textborder"
               TargetType="Border">
            <Setter Property="BorderThickness"
                    Value="2" />
            <Setter Property="Background"
                    Value="Transparent" />
            <Setter Property="VerticalAlignment"
                    Value="Center" />
            <Setter Property="BorderBrush"
                    Value="#D4D8DD" />
            <Setter Property="CornerRadius"
                    Value="5" />
            <Setter Property="Effect">
                <Setter.Value>
                    <DropShadowEffect BlurRadius="10"
                                      Direction="0"
                                      ShadowDepth="0"
                                      Color="White" />
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="Menubutton"
               TargetType="Button">
            <Setter Property="Background"
                    Value="Transparent" />
            <Setter Property="HorizontalContentAlignment"
                    Value="Left" />
            <Setter Property="FontWeight"
                    Value="Bold" />
            <Setter Property="Margin"
                    Value="15,5,5,5" />
            <Setter Property="Padding"
                    Value="5" />
            <Setter Property="FontSize"
                    Value="14" />
            <Setter Property="BorderThickness"
                    Value="0" />
        </Style>
        <valueConvert:BoolToColorConverter x:Key="BoolToColorConverter" />
    </UserControl.Resources>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Border Grid.Column="0"
                Margin="10"
                Padding="2"
                CornerRadius="5"
                BorderBrush="#D4D8DD"
                BorderThickness="2">
            <Grid Margin="5">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40" />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Border Style="{StaticResource textborder}"
                            Grid.Row="0">
                        <TextBlock Text="调试"
                                   Width="150"
                                   Margin="15,5,5,5"
                                   FontSize="14" />
                    </Border>
                    <Border BorderBrush="#D4D8DD"
                            BorderThickness="1"
                            Grid.Row="1">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <Button Style="{StaticResource Menubutton}"
                                        Command="{Binding OpenCameraViewCommand}"
                                        CommandParameter="0" >

                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="相机1" VerticalAlignment="Center"/>
                                        <TextBlock Text="已连接"
                                                   Margin="5"
                                                   VerticalAlignment="Center"
                                                   Background="{Binding Management.VisionProManagers[0].IsConnected,Converter={StaticResource BoolToColorConverter}}" />

                                    </StackPanel>
                                </Button>
                                <TextBlock Text="{Binding Management.VisionProManagers[0].CameraInfo.SerialNumber}"
                                           Margin="5"
                                           VerticalAlignment="Center"
                                           Background="{Binding Management.VisionProManagers[0].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                            </StackPanel>
                            <Button Content="视觉调试"
                                    Margin="30,0,5,5"
                                    Style="{StaticResource Menubutton}"
                                    Command="{Binding OpenVisionProViewCommand}"
                                    CommandParameter="0" />
                            <StackPanel Orientation="Horizontal">
                                <Button Style="{StaticResource Menubutton}"
                                        Command="{Binding OpenCameraViewCommand}"
                                        CommandParameter="1">
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="相机2" VerticalAlignment="Center"/>
                                        <TextBlock Text="已连接"
                                                   Margin="5"
                                                   VerticalAlignment="Center"
                                                   Background="{Binding Management.VisionProManagers[1].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                                    </StackPanel>
                                </Button>
                                <TextBlock Text="{Binding Management.VisionProManagers[1].CameraInfo.SerialNumber}"
                                            Margin="5"
                                            VerticalAlignment="Center"
                                            Background="{Binding Management.VisionProManagers[1].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                            </StackPanel>
                            <Button Content="视觉调试"
                                    Margin="30,0,5,5"
                                    Style="{StaticResource Menubutton}"
                                    Command="{Binding OpenVisionProViewCommand}"
                                    CommandParameter="1" />
                            <StackPanel Orientation="Horizontal">
                                <Button 
                                        Style="{StaticResource Menubutton}"
                                        Command="{Binding OpenCameraViewCommand}"
                                        CommandParameter="2" >
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="相机3" VerticalAlignment="Center"/>
                                        <TextBlock Text="已连接"
                                                   Margin="5"
                                                   VerticalAlignment="Center"
                                                   Background="{Binding Management.VisionProManagers[2].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                                    </StackPanel>
                                </Button>
                                <TextBlock Text="{Binding Management.VisionProManagers[2].CameraInfo.SerialNumber}"
                                    Margin="5"
                                   VerticalAlignment="Center"
                                    Background="{Binding Management.VisionProManagers[2].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                            </StackPanel>
                            <Button Content="视觉调试"
                                    Margin="30,0,5,5"
                                    Style="{StaticResource Menubutton}"
                                    Command="{Binding OpenVisionProViewCommand}"
                                    CommandParameter="2" />
                            <StackPanel Orientation="Horizontal">
                                <Button Style="{StaticResource Menubutton}"
                                        Command="{Binding OpenCameraViewCommand}"
                                        CommandParameter="3">
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="相机4" VerticalAlignment="Center"/>
                                        <TextBlock Text="已连接"
                                                   Margin="5"
                                                   VerticalAlignment="Center"
                                                   Background="{Binding Management.VisionProManagers[3].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                                    </StackPanel>
                                </Button>
                                <TextBlock Text="{Binding Management.VisionProManagers[3].CameraInfo.SerialNumber}"
            Margin="5"
            VerticalAlignment="Center"
            Background="{Binding Management.VisionProManagers[3].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                            </StackPanel>
                            <Button Content="视觉调试"
                                    Margin="30,0,5,5"
                                    Style="{StaticResource Menubutton}"
                                    Command="{Binding OpenVisionProViewCommand}"
                                    CommandParameter="3" />
                            <StackPanel Orientation="Horizontal">
                                <Button Style="{StaticResource Menubutton}"
                                        Command="{Binding OpenCameraViewCommand}"
                                        CommandParameter="4" >
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="相机5" VerticalAlignment="Center"/>
                                        <TextBlock Text="已连接"
                                                   Margin="5"
                                                   VerticalAlignment="Center"
                                                   Background="{Binding Management.VisionProManagers[4].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                                    </StackPanel>
                                </Button>
                                <TextBlock Text="{Binding Management.VisionProManagers[4].CameraInfo.SerialNumber}"
            Margin="5"
            VerticalAlignment="Center"
            Background="{Binding Management.VisionProManagers[4].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                            </StackPanel>
                            <Button Content="视觉调试"
                                    Margin="30,0,5,5"
                                    Style="{StaticResource Menubutton}"
                                    Command="{Binding OpenVisionProViewCommand}"
                                    CommandParameter="4" />
                            <StackPanel Orientation="Horizontal">
                                <Button Style="{StaticResource Menubutton}"
                                        Command="{Binding OpenCameraViewCommand}"
                                        CommandParameter="5" >
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="相机6" VerticalAlignment="Center"/>
                                        <TextBlock Text="已连接"
                                                   Margin="5"
                                                   VerticalAlignment="Center"
                                                   Background="{Binding Management.VisionProManagers[5].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                                    </StackPanel>
                                </Button>
                                <TextBlock Text="{Binding Management.VisionProManagers[5].CameraInfo.SerialNumber}"
            Margin="5"
            VerticalAlignment="Center"
            Background="{Binding Management.VisionProManagers[5].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                            </StackPanel>
                            <Button Content="视觉调试"
                                    Margin="30,0,5,5"
                                    Style="{StaticResource Menubutton}"
                                    Command="{Binding OpenVisionProViewCommand}"
                                    CommandParameter="5" />
                            <StackPanel Orientation="Horizontal">
                                <Button  Style="{StaticResource Menubutton}"
                                        Command="{Binding OpenCameraViewCommand}"
                                        CommandParameter="6" >
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="相机7" VerticalAlignment="Center"/>
                                        <TextBlock Text="已连接"
                                                   Margin="5"
                                                   VerticalAlignment="Center"
                                                   Background="{Binding Management.VisionProManagers[6].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                                    </StackPanel>
                                </Button>
                                <TextBlock Text="{Binding Management.VisionProManagers[6].CameraInfo.SerialNumber}"
            Margin="5"
            VerticalAlignment="Center"
            Background="{Binding Management.VisionProManagers[6].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                            </StackPanel>
                            <Button Content="视觉调试"
                                    Margin="30,0,5,5"
                                    Style="{StaticResource Menubutton}"
                                    Command="{Binding OpenVisionProViewCommand}"
                                    CommandParameter="6" />
                            <StackPanel Orientation="Horizontal">
                                <Button Style="{StaticResource Menubutton}"
                                        Command="{Binding OpenCameraViewCommand}"
                                        CommandParameter="7" >
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="相机8" VerticalAlignment="Center"/>
                                        <TextBlock Text="已连接"
                                                   Margin="5"
                                                   VerticalAlignment="Center"
                                                   Background="{Binding Management.VisionProManagers[7].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                                    </StackPanel>
                                </Button>
                                <TextBlock Text="{Binding Management.VisionProManagers[7].CameraInfo.SerialNumber}"
                                Margin="5"
                                VerticalAlignment="Center"
                                Background="{Binding Management.VisionProManagers[7].IsConnected,Converter={StaticResource BoolToColorConverter}}" />
                            </StackPanel>
                            <Button Content="视觉调试"
                                    Margin="30,0,5,5"
                                    Style="{StaticResource Menubutton}"
                                    Command="{Binding OpenVisionProViewCommand}"
                                    CommandParameter="7" />
                        </StackPanel>
                    </Border>

                </Grid>
            </Grid>
        </Border>

        <Border Grid.Column="1"
                Margin="20"
                BorderBrush="#D4D8DD"
                BorderThickness="2">
            <ContentControl prism:RegionManager.RegionName="MenuRegionContent" />
        </Border>

    </Grid>

</UserControl>