diff options
Diffstat (limited to 'Software/Visual_Studio/FSE/Tango.FSE.UI/Views/LayoutView.xaml')
| -rw-r--r-- | Software/Visual_Studio/FSE/Tango.FSE.UI/Views/LayoutView.xaml | 154 |
1 files changed, 149 insertions, 5 deletions
diff --git a/Software/Visual_Studio/FSE/Tango.FSE.UI/Views/LayoutView.xaml b/Software/Visual_Studio/FSE/Tango.FSE.UI/Views/LayoutView.xaml index f35505519..3d78479e3 100644 --- a/Software/Visual_Studio/FSE/Tango.FSE.UI/Views/LayoutView.xaml +++ b/Software/Visual_Studio/FSE/Tango.FSE.UI/Views/LayoutView.xaml @@ -108,7 +108,7 @@ <DataTrigger.EnterActions> <BeginStoryboard> <Storyboard> - <ThicknessAnimation Storyboard.TargetProperty="Margin" To="60 0 0 0" Duration="00:00:0.2"></ThicknessAnimation> + <ThicknessAnimation Storyboard.TargetProperty="Margin" To="160 0 0 0" Duration="00:00:0.2"></ThicknessAnimation> </Storyboard> </BeginStoryboard> </DataTrigger.EnterActions> @@ -284,7 +284,7 @@ <DataTrigger.EnterActions> <BeginStoryboard> <Storyboard> - <DoubleAnimation Storyboard.TargetProperty="Width" To="200" Duration="00:00:0.2" /> + <DoubleAnimation Storyboard.TargetProperty="Width" To="300" Duration="00:00:0.2" /> </Storyboard> </BeginStoryboard> </DataTrigger.EnterActions> @@ -304,7 +304,35 @@ <RowDefinition Height="1*"/> </Grid.RowDefinitions> - <Image x:Name="imgBack" Source="/Images/abstracts/abstract1.png" Grid.RowSpan="2" VerticalAlignment="Top" Stretch="UniformToFill" Opacity="0.6" Height="{Binding ElementName=gridMain,Path=ActualHeight}"></Image> + <Image x:Name="imgBack" Source="/Images/abstracts/abstract1.png" Grid.RowSpan="2" VerticalAlignment="Top" Stretch="UniformToFill" Opacity="0.6" Height="{Binding ElementName=gridMain,Path=ActualHeight}"> + <Image.Style> + <Style TargetType="Image"> + <Setter Property="Effect"> + <Setter.Value> + <BlurEffect Radius="0"></BlurEffect> + </Setter.Value> + </Setter> + <Style.Triggers> + <DataTrigger Binding="{Binding IsMenuOpened}" Value="True"> + <DataTrigger.EnterActions> + <BeginStoryboard> + <Storyboard> + <DoubleAnimation Storyboard.TargetProperty="Effect.Radius" To="20" Duration="00:00:0.2" /> + </Storyboard> + </BeginStoryboard> + </DataTrigger.EnterActions> + <DataTrigger.ExitActions> + <BeginStoryboard> + <Storyboard> + <DoubleAnimation Storyboard.TargetProperty="Effect.Radius" To="0" Duration="00:00:0.2" /> + </Storyboard> + </BeginStoryboard> + </DataTrigger.ExitActions> + </DataTrigger> + </Style.Triggers> + </Style> + </Image.Style> + </Image> <Path Grid.RowSpan="2" VerticalAlignment="Top" Height="500" Fill="{StaticResource FSE_PrimaryBackgroundLightBrush}"> <Path.Data> @@ -318,8 +346,124 @@ </Path.Data> </Path> - <Grid> - <Image Source="{StaticResource FSE_Machine_Full}" Stretch="Uniform" RenderOptions.BitmapScalingMode="Fant" Margin="10" /> + <Grid Panel.ZIndex="100"> + <Image Source="{StaticResource FSE_Machine_Full}" Stretch="Uniform" HorizontalAlignment="Left" RenderOptions.BitmapScalingMode="Fant" Margin="10" /> + </Grid> + + <Grid Grid.Row="1"> + <ItemsControl ItemsSource="{Binding NavigationManager.MenuItems}" Margin="0 50 0 0"> + <ItemsControl.Style> + <Style TargetType="ItemsControl"> + <Setter Property="RenderTransform"> + <Setter.Value> + <TranslateTransform X="0" /> + </Setter.Value> + </Setter> + <Style.Triggers> + <DataTrigger Binding="{Binding IsMenuOpened}" Value="True"> + <DataTrigger.EnterActions> + <BeginStoryboard> + <Storyboard> + <DoubleAnimation Storyboard.TargetProperty="RenderTransform.X" To="-200" Duration="00:00:0.2" /> + </Storyboard> + </BeginStoryboard> + </DataTrigger.EnterActions> + <DataTrigger.ExitActions> + <BeginStoryboard> + <Storyboard> + <DoubleAnimation Storyboard.TargetProperty="RenderTransform.X" To="0" Duration="00:00:0.2" /> + </Storyboard> + </BeginStoryboard> + </DataTrigger.ExitActions> + </DataTrigger> + </Style.Triggers> + </Style> + </ItemsControl.Style> + <ItemsControl.ItemTemplate> + <DataTemplate> + <DockPanel> + <Grid Width="55" Height="55" Margin="0 10"> + <Ellipse Stroke="{StaticResource FSE_PrimaryForegroundBrush}" StrokeThickness="1"></Ellipse> + <Image Source="{Binding Image}" RenderOptions.BitmapScalingMode="Fant" Width="35" Stretch="Uniform" /> + </Grid> + </DockPanel> + </DataTemplate> + </ItemsControl.ItemTemplate> + </ItemsControl> + + <Border Margin="0 -90 0 0"> + <Border.Background> + <SolidColorBrush Color="Black" Opacity="0.8" /> + </Border.Background> + <Border.Style> + <Style TargetType="Border"> + <Setter Property="Opacity" Value="0"></Setter> + <Style.Triggers> + <DataTrigger Binding="{Binding IsMenuOpened}" Value="True"> + <DataTrigger.EnterActions> + <BeginStoryboard> + <Storyboard> + <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" Duration="00:00:0.3" /> + </Storyboard> + </BeginStoryboard> + </DataTrigger.EnterActions> + <DataTrigger.ExitActions> + <BeginStoryboard> + <Storyboard> + <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0" Duration="00:00:0.3" /> + </Storyboard> + </BeginStoryboard> + </DataTrigger.ExitActions> + </DataTrigger> + </Style.Triggers> + </Style> + </Border.Style> + + <Grid> + <ItemsControl ItemsSource="{Binding NavigationManager.MenuItems}" Margin="0 140 0 0"> + <ItemsControl.ItemTemplate> + <DataTemplate> + <Grid> + <Border material:RippleAssist.Feedback="White" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}" Cursor="Hand"> + <i:Interaction.Triggers> + <i:EventTrigger EventName="PreviewMouseUp"> + <i:InvokeCommandAction Command="{Binding PressCommand}" /> + </i:EventTrigger> + </i:Interaction.Triggers> + <Border.Effect> + <DropShadowEffect Direction="-90" ShadowDepth="0" Color="DimGray" BlurRadius="10" /> + </Border.Effect> + <Border.Style> + <Style TargetType="Border"> + <Setter Property="Opacity" Value="0"></Setter> + <Style.Triggers> + <Trigger Property="IsMouseOver" Value="True"> + <Setter Property="Opacity" Value="1"></Setter> + </Trigger> + </Style.Triggers> + </Style> + </Border.Style> + <Grid> + <Canvas HorizontalAlignment="Right"> + <Polygon Fill="#545454" Points="0,0 20,20 20,55 0,75"> + + </Polygon> + </Canvas> + <material:Ripple /> + </Grid> + </Border> + <DockPanel IsHitTestVisible="False"> + <Grid Width="55" Height="55" Margin="10 10" HorizontalAlignment="Left"> + <Image Source="{Binding Image}" RenderOptions.BitmapScalingMode="Fant" Width="35" Stretch="Uniform" /> + </Grid> + <TextBlock Margin="10 0 0 0" FontSize="{StaticResource FSE_LargeFontSize}" Text="{Binding Name}" VerticalAlignment="Center"></TextBlock> + </DockPanel> + </Grid> + </DataTemplate> + </ItemsControl.ItemTemplate> + </ItemsControl> + </Grid> + </Border> </Grid> <Rectangle HorizontalAlignment="Right" Grid.RowSpan="2" StrokeThickness="1" Stroke="{StaticResource FSE_BorderBrush}" StrokeDashArray="5" Margin="0 90 0 0" /> |