affdex-sdk-cpp-samples/AffdexMe/MetricSelectionUI.xaml
2015-09-03 16:34:30 -04:00

312 lines
34 KiB
XML

<Window x:Class="AffdexMe.MetricSelectionUI"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:affdexMe="clr-namespace:AffdexMe"
xmlns:gif="http://wpfanimatedgif.codeplex.com"
Title="Select Emotions or Expressions"
Height="640" Width="514" ResizeMode="NoResize" Closing="Window_Closing">
<Grid>
<ScrollViewer Margin="0,0,0,45">
<Grid Name="theGrid" Background="Black">
<Grid.Resources>
<affdexMe:UpperCaseConverter x:Key="StringToUpper" />
<affdexMe:NameToResourceConverter x:Key="ResourceFileName" />
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="160" />
<ColumnDefinition Width="160" />
<ColumnDefinition Width="160" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="40" />
<RowDefinition Height="178" />
<RowDefinition Height="178" />
<RowDefinition Height="178" />
<RowDefinition Height="50" />
<RowDefinition Height="178" />
<RowDefinition Height="178" />
<RowDefinition Height="178" />
<RowDefinition Height="178" />
<RowDefinition Height="178" />
</Grid.RowDefinitions>
<Border Background="Coral" Grid.Row="0" Grid.Column="0" Margin="1,0,0,2">
<StackPanel Orientation="Vertical" Grid.Row="0" Grid.Column="0" Margin="10,10,0,10">
<TextBlock Text="Emotions" Foreground="Black" FontWeight="Bold" FontSize="12" HorizontalAlignment="Left"/>
</StackPanel>
</Border>
<Border Background="Coral" Grid.Row="0" Grid.Column="1" Margin="0,0,0,2" />
<Border Background="Coral" Grid.Row="0" Grid.Column="2" Margin="0,0,0,2" />
<StackPanel Orientation="Vertical" Grid.Row="1" Grid.Column="0" Margin="1,1,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Anger" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="1" Grid.Column="1" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Disgust" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x"/>
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="1" Grid.Column="2" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Fear" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x"/>
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="2" Grid.Column="0" Margin="1,1,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Joy" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="2" Grid.Column="1" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Sadness" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="2" Grid.Column="2" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Surprise" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="3" Grid.Column="0" Margin="1,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Contempt" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="3" Grid.Column="1" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Valence" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="3" Grid.Column="2" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Engagement" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<Border Background="Coral" Grid.Row="4" Grid.Column="0" Margin="1,2,0,2">
<StackPanel Orientation="Vertical" Grid.Row="4" Grid.Column="0" Margin="10,15,0,10">
<TextBlock Text="Expressions" Foreground="Black" FontWeight="Bold" FontSize="12" HorizontalAlignment="Left"/>
</StackPanel>
</Border>
<Border Background="Coral" Grid.Row="4" Grid.Column="1" Margin="0,2,0,2"/>
<Border Background="Coral" Grid.Row="4" Grid.Column="2" Margin="0,2,0,2"/>
<StackPanel Orientation="Vertical" Grid.Row="5" Grid.Column="0" Margin="1,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Attention" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="5" Grid.Column="1" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="BrowFurrow" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="5" Grid.Column="2" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="BrowRaise" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="6" Grid.Column="0" Margin="1,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="ChinRaise" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="6" Grid.Column="1" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="EyeClosure" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="6" Grid.Column="2" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="InnerBrowRaise" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="7" Grid.Column="0" Margin="1,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Frown" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="7" Grid.Column="1" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="LipPress" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="7" Grid.Column="2" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="LipPucker" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="8" Grid.Column="0" Margin="1,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="LipSuck" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="8" Grid.Column="1" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="MouthOpen" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="8" Grid.Column="2" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="NoseWrinkle" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="9" Grid.Column="0" Margin="1,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Smile" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="9" Grid.Column="1" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="Smirk" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Vertical" Grid.Row="9" Grid.Column="2" Margin="0,0,1,0">
<Border BorderThickness="5" BorderBrush="White" Background="Transparent" CornerRadius="0" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel Name="UpperLipRaise" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave" MouseDown="StackPanel_MouseDown" MouseUp="StackPanel_MouseLeave">
<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource StringToUpper} }" Foreground="White" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center"/>
<Image Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=StackPanel}, Path=Name, Converter={StaticResource ResourceFileName}, ConverterParameter=jpg }" gif:ImageBehavior.AutoStart="False" gif:ImageBehavior.RepeatBehavior="1x" />
</StackPanel>
</Border>
</StackPanel>
</Grid>
</ScrollViewer >
<DockPanel VerticalAlignment="Bottom" Background="Coral" >
<GroupBox Margin="0,5,0,0" Height="40" VerticalAlignment="Stretch" BorderBrush="Transparent" BorderThickness="0">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
<Grid>
<Grid.Resources>
<Style TargetType="{x:Type ButtonBase}" x:Key="CustomButtonStyle">
<Setter Property="Foreground" Value="White"/>
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF2778BB" Offset="0.51"/>
<GradientStop Color="#FF2683C5" Offset="0.484"/>
<GradientStop Color="#FF8CD4FF" Offset="1"/>
<GradientStop Color="#FF1973AE" Offset="0.497"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="BorderBrush" Value="#FF2B5F91"/>
<Setter Property="Margin" Value="1"/>
<Setter Property="Height" Value="30"/>
<Setter Property="MinWidth" Value="20"/>
<Setter Property="FontSize" Value="13"/>
<Setter Property="TextOptions.TextFormattingMode" Value="Display"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Grid>
<Rectangle Stroke="{TemplateBinding BorderBrush}" RadiusX="15" RadiusY="15" Fill="{TemplateBinding Background}"/>
<Rectangle VerticalAlignment="Top" Height="10" Margin="7,2,7,1" RadiusX="10" RadiusY="10">
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#11FFFFFF" Offset="1"/>
<GradientStop Color="#B2FFFFFF" Offset="0"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle x:Name="rectangle" RadiusX="15" RadiusY="15" Fill="White" Margin="1" Opacity="0"/>
<ContentPresenter x:Name="contentPresenter" HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="False" Margin="{TemplateBinding Padding}"/>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Opacity" TargetName="rectangle" Value="0.2"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Opacity" TargetName="rectangle" Value="0.3"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Fill" TargetName="rectangle" Value="#666"/>
<Setter Property="Opacity" TargetName="rectangle" Value="0.6"/>
<Setter Property="Opacity" TargetName="contentPresenter" Value="0.3"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="80" />
<ColumnDefinition Width="340" />
<ColumnDefinition Width="80" />
</Grid.ColumnDefinitions>
<Button Grid.Row="0" Grid.Column="0" Name="btnClearAll" Style="{StaticResource CustomButtonStyle}" HorizontalAlignment="Center" Margin="0,0,0,0" VerticalAlignment="Top" Width="65" Content="Clear all" Click="btnClearAll_Click" />
<TextBlock Name="txtBlkInfo" Grid.Row="0" Grid.Column="1" Text="Please select 6 Emotions or Expressions to track." Foreground="White" FontWeight="Bold" FontSize="12" Margin="0,6,0,0" HorizontalAlignment="Center"/>
<Button Grid.Row="0" Grid.Column="2" Name="btnOK" Style="{StaticResource CustomButtonStyle}" HorizontalAlignment="Center" Margin="0,0,0,0" VerticalAlignment="Top" Width="65" Content="OK" Click="btnOK_Click" />
</Grid>
</StackPanel>
</GroupBox>
</DockPanel>
</Grid>
</Window>