added animations

This commit is contained in:
WeeXnes 2022-11-09 07:58:24 +01:00
parent b9a0096cb7
commit b8cb8056e4
2 changed files with 94 additions and 49 deletions

View file

@ -208,14 +208,35 @@
</LinearGradientBrush>
</Border.Background>
<ScrollViewer Grid.Column="0" Background="Transparent" VerticalScrollBarVisibility="Hidden" Foreground="White"
Padding="5,5,0,5" Name="LogViewer">
Padding="5,5,5,5" Name="LogViewer">
<StackPanel>
<StackPanel>
<ItemsControl x:Name="ListViewVersions" ItemsSource="{Binding version}" Loaded="ListViewVersions_OnLoaded">
<ItemsControl x:Name="ListViewVersions" ItemsSource="{Binding version}" Loaded="ListViewVersions_OnLoaded"
>
<ItemsControl.ItemTemplate>
<DataTemplate>
<StackPanel>
<Border Width="689" Height="30" CornerRadius="4" Margin="0,3,0,0">
<StackPanel Orientation="Vertical">
<Border Height="30" CornerRadius="4" Margin="0,3,0,0" Name="ParentBorder"
Opacity="0">
<Border.Triggers>
<!-- Animate the button's Width property. -->
<EventTrigger RoutedEvent="Border.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="ParentBorder"
Storyboard.TargetProperty="(Border.Opacity)"
To="1" Duration="0:0:00.5" AutoReverse="False"
/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Border.Triggers>
<Border.Background>
<LinearGradientBrush StartPoint="0 0" EndPoint="1 1">
<LinearGradientBrush.GradientStops>
@ -242,7 +263,7 @@
</ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel/>
<UniformGrid Columns="1"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>

View file

@ -43,7 +43,7 @@
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="200"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
@ -53,15 +53,37 @@
<RowDefinition/>
</Grid.RowDefinitions>
<TextBlock Text="WeeXnes"
VerticalAlignment="Center"
HorizontalAlignment="Left"
Foreground="White"
FontSize="22"
Margin="20,0,0,0"
FontFamily="/Fonts/#Poppins"/>
<StackPanel Grid.Row="1">
<Border Grid.Row="1" Width="50" Name="NavigationBorder"
Margin="5,0,0,0">
<Border.Triggers>
<!-- Animate the button's Width property. -->
<EventTrigger RoutedEvent="Border.MouseEnter">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="NavigationBorder"
Storyboard.TargetProperty="(Border.Width)"
To="200" Duration="0:0:00.4" AutoReverse="False"
/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Border.MouseLeave">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="NavigationBorder"
Storyboard.TargetProperty="(Border.Width)"
To="50" Duration="0:0:00.4" AutoReverse="False"
/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Border.Triggers>
<StackPanel Name="NavigationBar">
<RadioButton Content="Home"
Height="50"
Foreground="White"
@ -100,6 +122,8 @@
</StackPanel>
</Border>
<TextBox Grid.Column="1"
@ -107,7 +131,7 @@
Height="40"
VerticalAlignment="Center"
HorizontalAlignment="Left"
Margin="5"
Margin="10,5,5,5"
Style="{StaticResource MaterialTextBox}"
Background="#212329" Tag="Search..."
TextChanged="Searchbox_TextChanged"