FurnaceELK/FrameworkLocal/UIClient/CenterViews/Parameter/StepGroupEditView.xaml

<UserControl x:Class="MECF.Framework.UI.Client.CenterViews.Parameter.StepGroupEditView"
             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:MECF.Framework.UI.Client.CenterViews.Parameter"
             mc:Ignorable="d" 
                xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
                xmlns:cal="clr-namespace:Caliburn.Micro"
             Height="768" Width="1024" Background="#DAE5F1">
    <UserControl.Resources>
        <Style BasedOn="{StaticResource ExModifyScrollBar}" TargetType="ScrollBar"/>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition Height="100"></RowDefinition>
        </Grid.RowDefinitions>
        <ListBox ItemsSource="{Binding StepIdList, UpdateSourceTrigger=PropertyChanged}">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <UniformGrid Columns="5" Rows="40"></UniformGrid>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Border  BorderBrush="#ccc" BorderThickness="1" Margin="1">

                        <CheckBox Foreground="#BFBFBF" Content="{Binding Display}" FontSize="20" Width="180" Margin="5,20,0,0"  IsChecked="{Binding IsExpanded, Mode=TwoWay, Delay=10}"  >
                    
                        <!--<CheckBox.Content>
                            <Grid Margin="-5,2,0,0">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <Border Grid.Column="0" HorizontalAlignment="Center"  Width="40">
                                    <TextBlock Text="{Binding Name}" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
                                </Border>
                                <Label Tag="{Binding CurrentValue }"  HorizontalContentAlignment="Center" Grid.Column="1" Width="90" Content="{Binding CurrentValue}"  Height="30"  >
                                </Label>
                            </Grid>
                        </CheckBox.Content>-->
                        <CheckBox.Resources>
                            <Style x:Key="FocusVisual">
                                <Setter Property="Control.Template">
                                    <Setter.Value>
                                        <ControlTemplate>
                                            <Rectangle SnapsToDevicePixels="true"
                                   Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"
                                   StrokeDashArray="1 2"
                                   StrokeThickness="1" />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <SolidColorBrush x:Key="OptionMark.Static.Background" Color="#FFFFFFFF" />
                            <SolidColorBrush x:Key="OptionMark.Static.Border" Color="#FF707070" />
                            <Style x:Key="OptionMarkFocusVisual">
                                <Setter Property="Control.Template">
                                    <Setter.Value>
                                        <ControlTemplate>
                                            <Rectangle SnapsToDevicePixels="true"
                                   Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"
                                   StrokeDashArray="1 2"
                                   StrokeThickness="1" />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>

                            <SolidColorBrush x:Key="OptionMark.MouseOver.Background" Color="#FFF3F9FF" />
                            <SolidColorBrush x:Key="OptionMark.MouseOver.Border" Color="#FF5593FF" />
                            <SolidColorBrush x:Key="OptionMark.MouseOver.Glyph" Color="#FF212121" />
                            <SolidColorBrush x:Key="OptionMark.Disabled.Background" Color="#FFE6E6E6" />
                            <SolidColorBrush x:Key="OptionMark.Disabled.Border" Color="#FFBCBCBC" />
                            <SolidColorBrush x:Key="OptionMark.Disabled.Glyph" Color="#FF707070" />
                            <SolidColorBrush x:Key="OptionMark.Pressed.Background" Color="#FFD9ECFF" />
                            <SolidColorBrush x:Key="OptionMark.Pressed.Border" Color="#FF3C77DD" />
                            <SolidColorBrush x:Key="OptionMark.Pressed.Glyph" Color="#FF212121" />
                            <SolidColorBrush x:Key="OptionMark.Static.Glyph" Color="#FF212121" />

                            <Style TargetType="{x:Type CheckBox}">
                                <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}" />
                                <Setter Property="Background" Value="{StaticResource OptionMark.Static.Background}" />
                                <Setter Property="BorderBrush" Value="{StaticResource OptionMark.Static.Border}" />
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
                                <Setter Property="BorderThickness" Value="1" />
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type CheckBox}">
                                            <Grid Background="Transparent" SnapsToDevicePixels="True">
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="Auto" />
                                                    <ColumnDefinition Width="*" />
                                                </Grid.ColumnDefinitions>
                                                <!-- Hide the default checkbox -->
                                                <Border Visibility="Collapsed" 
                                    x:Name="checkBoxBorder"
                                    Margin="1"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                                    <Grid x:Name="markGrid" Width="27" Height="27">
                                                        <Path x:Name="optionMark"
                                          Margin="1"
                                          Data="F1 M 9.97498,1.22334L 4.6983,9.09834L 4.52164,9.09834L 0,5.19331L 1.27664,3.52165L 4.255,6.08833L 8.33331,1.52588e-005L 9.97498,1.22334 Z "
                                          Fill="{StaticResource OptionMark.Static.Glyph}"
                                          Opacity="0"
                                          Stretch="Uniform" />
                                                        <Rectangle x:Name="indeterminateMark"
                                               Margin="2"
                                               Fill="{StaticResource OptionMark.Static.Glyph}"
                                               Opacity="0" />
                                                    </Grid>
                                                </Border>
                                                    <ContentPresenter x:Name="contentPresenter"
  Grid.Column="1"
  Margin="{TemplateBinding Padding}"
  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
  Focusable="False"
  RecognizesAccessKey="True"
  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                                            
                                            </Grid>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="HasContent" Value="true">
                                                    <Setter Property="FocusVisualStyle" Value="{StaticResource OptionMarkFocusVisual}" />
                                                    <Setter Property="Padding" Value="4,-1,0,0" />
                                                </Trigger>
                                                <Trigger Property="IsMouseOver" Value="true">
                                                    <Setter TargetName="checkBoxBorder" Property="Background" Value="{StaticResource OptionMark.MouseOver.Background}" />
                                                    <Setter TargetName="checkBoxBorder" Property="BorderBrush" Value="{StaticResource OptionMark.MouseOver.Border}" />
                                                    <Setter TargetName="optionMark" Property="Fill" Value="{StaticResource OptionMark.MouseOver.Glyph}" />
                                                    <Setter TargetName="indeterminateMark" Property="Fill" Value="{StaticResource OptionMark.MouseOver.Glyph}" />
                                                </Trigger>
                                                <Trigger Property="IsEnabled" Value="false">
                                                    <Setter TargetName="checkBoxBorder" Property="Background" Value="{StaticResource OptionMark.Disabled.Background}" />
                                                    <Setter TargetName="checkBoxBorder" Property="BorderBrush" Value="{StaticResource OptionMark.Disabled.Border}" />
                                                    <Setter TargetName="optionMark" Property="Fill" Value="{StaticResource OptionMark.Disabled.Glyph}" />
                                                    <Setter TargetName="indeterminateMark" Property="Fill" Value="{StaticResource OptionMark.Disabled.Glyph}" />
                                                </Trigger>
                                                <Trigger Property="IsPressed" Value="true">
                                                    <Setter TargetName="checkBoxBorder" Property="Background" Value="{StaticResource OptionMark.Pressed.Background}" />
                                                    <Setter TargetName="checkBoxBorder" Property="BorderBrush" Value="{StaticResource OptionMark.Pressed.Border}" />
                                                    <Setter TargetName="optionMark" Property="Fill" Value="{StaticResource OptionMark.Pressed.Glyph}" />
                                                    <Setter TargetName="indeterminateMark" Property="Fill" Value="{StaticResource OptionMark.Pressed.Glyph}" />
                                                </Trigger>
                                                <Trigger Property="IsChecked" Value="true">
                                                    <Setter TargetName="optionMark" Property="Opacity" Value="1" />
                                                    <Setter TargetName="indeterminateMark" Property="Opacity" Value="0" />
                                                    <!-- Highlight text when checked -->
                                                    <Setter TargetName="contentPresenter" Property="TextBlock.Foreground" Value="Black" />
                                                </Trigger>
                                                <Trigger Property="IsChecked" Value="{x:Null}">
                                                    <Setter TargetName="optionMark" Property="Opacity" Value="0" />
                                                    <Setter TargetName="indeterminateMark" Property="Opacity" Value="1" />
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </CheckBox.Resources>
               
                  
                    </CheckBox>
                    </Border>

                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <StackPanel Grid.Row="1" HorizontalAlignment="Center" Orientation="Horizontal">
         
            <Button Width="100" Height="50" Margin="0,0,20,0"   Content="Save"  >
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="Save">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button  Width="100" Height="50"   Content="Cancle"  >
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="Cancle">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
        </StackPanel>
    </Grid>
</UserControl>