ZZ-EFEM/Framework/AitexSorterUI/Views/IoView.xaml

<UserControl x:Class="Aitex.Sorter.UI.Views.IoView"
             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:controls="clr-namespace:Aitex.Sorter.UI.Controls"
             xmlns:common="clr-namespace:Aitex.Sorter.UI.Controls.Common"
             mc:Ignorable="d" 
             d:DesignHeight="800" d:DesignWidth="1800">
    <UserControl.Resources>
        <Style TargetType="Button" x:Key="diStyle">
            <Setter Property="Background" Value="{StaticResource buttonNormal}"></Setter>
            <Setter Property="Foreground" Value="{StaticResource buttonForground}"></Setter>
            <Setter Property="BorderBrush" Value="{StaticResource buttonBorder}"></Setter>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Margin" Value="5"/>
            <Setter Property="FontFamily" Value="Arial,SimSun" />
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="Height" Value="40"></Setter>
            <Setter Property="Width" Value="100"></Setter>
            <Setter Property="VerticalAlignment" Value="Top"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" 
                                SnapsToDevicePixels="true" CornerRadius="3,3,3,3">
                            <ContentPresenter x:Name="contentPresenter" 
                                              Focusable="False" 
                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                              Margin="{TemplateBinding Padding}" 
                                              RecognizesAccessKey="True" 
                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"  />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="true">
                                <!--<Setter Property="Background" TargetName="border" Value="{StaticResource buttonHover}"/>-->
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Opacity" Value="0.5" TargetName="border"/>
                                <Setter Property="Background" TargetName="border" Value="Gray" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="Button" x:Key="doStyle">
            <Setter Property="Background" Value="{StaticResource buttonNormal}"></Setter>
            <Setter Property="Foreground" Value="{StaticResource buttonForground}"></Setter>
            <Setter Property="BorderBrush" Value="{StaticResource buttonBorder}"></Setter>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Margin" Value="5"/>
            <Setter Property="FontFamily" Value="Arial,SimSun" />
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="Height" Value="40"></Setter>
            <Setter Property="Width" Value="100"></Setter>
            <Setter Property="VerticalAlignment" Value="Top"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" 
                                SnapsToDevicePixels="true" CornerRadius="3,3,3,3">
                            <ContentPresenter x:Name="contentPresenter" 
                                              Focusable="False" 
                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                              Margin="{TemplateBinding Padding}" 
                                              RecognizesAccessKey="True" 
                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"  />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Background" TargetName="border" Value="{StaticResource buttonHover}"/>
                                <Setter Property="Foreground" Value="White" />
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Opacity" Value="0.5" TargetName="border"/>
                                <Setter Property="Background" TargetName="border" Value="Gray" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid>
            <StackPanel Orientation="Horizontal">
            <controls:HeaderPanel Grid.Column="0"   Width="430" Height="750"  HorizontalAlignment="left" VerticalAlignment="Top" Header="Card1 DI" Margin="10,0,0,0">
                <ItemsControl  ItemsSource="{Binding Card1DiList}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="60"></ColumnDefinition>
                                    <ColumnDefinition Width="*"></ColumnDefinition>
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" TextAlignment="Left" Text="{Binding Index, Converter={StaticResource DiIndexDisplayConvert}}"></TextBlock>
                                <Button Focusable="False" Style="{StaticResource diStyle}" Grid.Column="1" Foreground="Black" Width="320" Height="25"  Content="{Binding Description}" HorizontalContentAlignment="Left" Padding="5,0,0,0" Margin="5,5,20,5" Background="{Binding  Value, Converter={StaticResource DiValueBackgroundConvert} }"/>
                            </Grid>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </controls:HeaderPanel>
                <controls:HeaderPanel Grid.Column="0"   Width="430" Height="750"  HorizontalAlignment="left" VerticalAlignment="Top" Header="Card1 DO" Margin="10,0,0,0">
                    <ItemsControl  ItemsSource="{Binding Card1DoList}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="60"></ColumnDefinition>
                                        <ColumnDefinition Width="*"></ColumnDefinition>
                                    </Grid.ColumnDefinitions>
                                    <TextBlock Grid.Column="0" TextAlignment="Left" Text="{Binding Index, Converter={StaticResource DoIndexDisplayConvert}}"></TextBlock>
                                <Button Grid.Column="1" Height="25"  Style="{StaticResource doStyle}" Foreground="Black" Width="320"  Content="{Binding Description}" HorizontalContentAlignment="Left" Padding="5,0,0,0" Margin="5,5,20,5" Background="{Binding  SetPoint, Converter={StaticResource DiValueBackgroundConvert} }"/>
                                </Grid>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </controls:HeaderPanel>
                <controls:HeaderPanel Grid.Column="0"   Width="430" Height="750"  HorizontalAlignment="left" VerticalAlignment="Top" Header="Card2 DI" Margin="10,0,0,0">
                    <ItemsControl  ItemsSource="{Binding Card2DiList}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="60"></ColumnDefinition>
                                        <ColumnDefinition Width="*"></ColumnDefinition>
                                    </Grid.ColumnDefinitions>
                                    <TextBlock Grid.Column="0" TextAlignment="Left" Text="{Binding Index, Converter={StaticResource DiIndexDisplayConvert}}"></TextBlock>
                                <Button Grid.Column="1" Height="25" Style="{StaticResource diStyle}"  Foreground="Black" Width="320" Focusable="False" Content="{Binding Description}" HorizontalContentAlignment="Left" Padding="5,0,0,0" Margin="5" Background="{Binding  Value, Converter={StaticResource DiValueBackgroundConvert} }"/>
                                </Grid>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </controls:HeaderPanel>
                <controls:HeaderPanel Grid.Column="0"   Width="430" Height="750"  HorizontalAlignment="left" VerticalAlignment="Top" Header="Card2 DO" Margin="10,0,0,0">
                    <ItemsControl  ItemsSource="{Binding Card2DoList}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="60"></ColumnDefinition>
                                        <ColumnDefinition Width="*"></ColumnDefinition>
                                    </Grid.ColumnDefinitions>
                                    <TextBlock Grid.Column="0" TextAlignment="Left" Text="{Binding Index, Converter={StaticResource DoIndexDisplayConvert}}"></TextBlock>
                                <!--<Button Grid.Column="1" Focusable="False"  Style="{StaticResource doStyle}" Command="{Binding DataContext.SetDoCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}}" CommandParameter="{Binding Name}" Foreground="Black"  Height="25" Width="320"  Content="{Binding Description}" HorizontalContentAlignment="Left" Padding="5,0,0,0" Margin="5" Background="{Binding  SetPoint, Converter={StaticResource DiValueBackgroundConvert} }"/>-->
                                </Grid>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </controls:HeaderPanel>

        </StackPanel>
    </Grid>
</UserControl>