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> </LinearGradientBrush>
</Border.Background> </Border.Background>
<ScrollViewer Grid.Column="0" Background="Transparent" VerticalScrollBarVisibility="Hidden" Foreground="White" <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>
<StackPanel> <StackPanel>
<ItemsControl x:Name="ListViewVersions" ItemsSource="{Binding version}" Loaded="ListViewVersions_OnLoaded"> <ItemsControl x:Name="ListViewVersions" ItemsSource="{Binding version}" Loaded="ListViewVersions_OnLoaded"
>
<ItemsControl.ItemTemplate> <ItemsControl.ItemTemplate>
<DataTemplate> <DataTemplate>
<StackPanel> <StackPanel Orientation="Vertical">
<Border Width="689" Height="30" CornerRadius="4" Margin="0,3,0,0">
<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> <Border.Background>
<LinearGradientBrush StartPoint="0 0" EndPoint="1 1"> <LinearGradientBrush StartPoint="0 0" EndPoint="1 1">
<LinearGradientBrush.GradientStops> <LinearGradientBrush.GradientStops>
@ -242,7 +263,7 @@
</ItemsControl.ItemTemplate> </ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel> <ItemsControl.ItemsPanel>
<ItemsPanelTemplate> <ItemsPanelTemplate>
<WrapPanel/> <UniformGrid Columns="1"/>
</ItemsPanelTemplate> </ItemsPanelTemplate>
</ItemsControl.ItemsPanel> </ItemsControl.ItemsPanel>
</ItemsControl> </ItemsControl>

View file

@ -43,7 +43,7 @@
<Grid> <Grid>
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="200"/> <ColumnDefinition Width="Auto"/>
<ColumnDefinition/> <ColumnDefinition/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
@ -52,54 +52,78 @@
<RowDefinition Height="75"/> <RowDefinition Height="75"/>
<RowDefinition/> <RowDefinition/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<TextBlock Text="WeeXnes"
VerticalAlignment="Center" <Border Grid.Row="1" Width="50" Name="NavigationBorder"
HorizontalAlignment="Left" Margin="5,0,0,0">
Foreground="White" <Border.Triggers>
FontSize="22"
Margin="20,0,0,0" <!-- Animate the button's Width property. -->
FontFamily="/Fonts/#Poppins"/> <EventTrigger RoutedEvent="Border.MouseEnter">
<BeginStoryboard>
<StackPanel Grid.Row="1"> <Storyboard>
<RadioButton Content="Home" <DoubleAnimation
Height="50" Storyboard.TargetName="NavigationBorder"
Foreground="White" Storyboard.TargetProperty="(Border.Width)"
FontSize="14" To="200" Duration="0:0:00.4" AutoReverse="False"
Style="{StaticResource HomeMenuButton}" />
IsChecked="True" </Storyboard>
Command="{Binding HomeViewCommand}" </BeginStoryboard>
Name="HomeMenuButton" </EventTrigger>
Tag="/Images/wicon.png"/> <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="Key Manager" <RadioButton Content="Home"
Height="50" Height="50"
Foreground="White" Foreground="White"
FontSize="14" FontSize="14"
Style="{StaticResource KeyManagerMenuButton}" Style="{StaticResource HomeMenuButton}"
Command="{Binding KeyManagerViewCommand}" IsChecked="True"
Name="KMMenuButton"/> Command="{Binding HomeViewCommand}"
Name="HomeMenuButton"
Tag="/Images/wicon.png"/>
<RadioButton Content="DiscordRPC" <RadioButton Content="Key Manager"
Height="50" Height="50"
Foreground="White" Foreground="White"
FontSize="14" FontSize="14"
Style="{StaticResource DiscordMenuButton}" Style="{StaticResource KeyManagerMenuButton}"
Command="{Binding DiscordRpcViewCommand}" Command="{Binding KeyManagerViewCommand}"
Name="RpcMenuButton"/> Name="KMMenuButton"/>
<RadioButton Content="Settings" <RadioButton Content="DiscordRPC"
Height="50" Height="50"
Foreground="White" Foreground="White"
FontSize="14" FontSize="14"
Style="{StaticResource SettingsMenuButton}" Style="{StaticResource DiscordMenuButton}"
Command="{Binding SettingsViewCommand}" Command="{Binding DiscordRpcViewCommand}"
Name="SettingsMenuButton"/> Name="RpcMenuButton"/>
<RadioButton Content="Settings"
Height="50"
Foreground="White"
FontSize="14"
Style="{StaticResource SettingsMenuButton}"
Command="{Binding SettingsViewCommand}"
Name="SettingsMenuButton"/>
</StackPanel> </StackPanel>
</Border>
<TextBox Grid.Column="1" <TextBox Grid.Column="1"
@ -107,12 +131,12 @@
Height="40" Height="40"
VerticalAlignment="Center" VerticalAlignment="Center"
HorizontalAlignment="Left" HorizontalAlignment="Left"
Margin="5" Margin="10,5,5,5"
Style="{StaticResource MaterialTextBox}" Style="{StaticResource MaterialTextBox}"
Background="#212329" Tag="Search..." Background="#212329" Tag="Search..."
TextChanged="Searchbox_TextChanged" TextChanged="Searchbox_TextChanged"
Name="Searchbox" Name="Searchbox"
/> />
<Button Width="50" <Button Width="50"
Height="23" Height="23"
Name="MinimizeBtn" Name="MinimizeBtn"