312 lines
34 KiB
XML
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>
|