feat: add StatsBar component

This commit is contained in:
k0t9i
2023-01-30 19:33:48 +04:00
parent 35e3f5e487
commit 57d6a61791
5 changed files with 211 additions and 79 deletions

View File

@@ -6,6 +6,7 @@
xmlns:local="clr-namespace:Client"
xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
xmlns:converters="clr-namespace:Client.Application.Converters"
xmlns:components="clr-namespace:Client.Application.Components"
mc:Ignorable="d"
Title="MainWindow" Height="600" Width="1024">
<Window.Resources>
@@ -19,7 +20,6 @@
<scm:SortDescription PropertyName="Distance" Direction="Ascending" />
</CollectionViewSource.SortDescriptions>
</CollectionViewSource>
<converters:PercentWidthConverter x:Key="PercentWidthConverter"/>
</Window.Resources>
<Grid>
<Grid.ColumnDefinitions>
@@ -109,84 +109,7 @@
</TextBlock.Text>
</TextBlock>
</StackPanel>
<StackPanel x:Name="statsPanel">
<Grid Height="15" Margin="0 0 0 2">
<Image Stretch="Fill" Source="/Assets/icons/ps_cpbar_back.png"></Image>
<Image Stretch="Fill" Source="/Assets/icons/ps_cpbar.png" HorizontalAlignment="Left">
<Image.Width>
<MultiBinding Converter="{StaticResource PercentWidthConverter}">
<Binding Path="VitalStats.CpPercent"/>
<Binding Path="ActualWidth" ElementName="statsPanel"/>
</MultiBinding>
</Image.Width>
</Image>
<TextBlock Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center">
<TextBlock.Text>
<MultiBinding StringFormat="{}{0}/{1}">
<Binding Path="VitalStats.Cp"/>
<Binding Path="VitalStats.MaxCp"/>
</MultiBinding>
</TextBlock.Text>
</TextBlock>
</Grid>
<Grid Height="15" Margin="0 0 0 2">
<Image Stretch="Fill" Source="/Assets/icons/ps_hpbar_back.png"></Image>
<Image Stretch="Fill" Source="/Assets/icons/ps_hpbar.png" HorizontalAlignment="Left">
<Image.Width>
<MultiBinding Converter="{StaticResource PercentWidthConverter}">
<Binding Path="VitalStats.HpPercent"/>
<Binding Path="ActualWidth" ElementName="statsPanel"/>
</MultiBinding>
</Image.Width>
</Image>
<TextBlock Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center">
<TextBlock.Text>
<MultiBinding StringFormat="{}{0}/{1}">
<Binding Path="VitalStats.Hp"/>
<Binding Path="VitalStats.MaxHp"/>
</MultiBinding>
</TextBlock.Text>
</TextBlock>
</Grid>
<Grid Height="15" Margin="0 0 0 2">
<Image Stretch="Fill" Source="/Assets/icons/ps_mpbar_back.png"></Image>
<Image Stretch="Fill" Source="/Assets/icons/ps_mpbar.png" HorizontalAlignment="Left">
<Image.Width>
<MultiBinding Converter="{StaticResource PercentWidthConverter}">
<Binding Path="VitalStats.MpPercent"/>
<Binding Path="ActualWidth" ElementName="statsPanel"/>
</MultiBinding>
</Image.Width>
</Image>
<TextBlock Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center">
<TextBlock.Text>
<MultiBinding StringFormat="{}{0}/{1}">
<Binding Path="VitalStats.Mp"/>
<Binding Path="VitalStats.MaxMp"/>
</MultiBinding>
</TextBlock.Text>
</TextBlock>
</Grid>
<Grid Height="15">
<Grid.ColumnDefinitions></Grid.ColumnDefinitions>
<Image Stretch="Fill" Source="/Assets/icons/ps_expbar_back.png"></Image>
<Image Stretch="Fill" Source="/Assets/icons/ps_expbar.png" HorizontalAlignment="Left">
<Image.Width>
<MultiBinding Converter="{StaticResource PercentWidthConverter}">
<Binding Path="Experience.ExpPercent"/>
<Binding Path="ActualWidth" ElementName="statsPanel"/>
</MultiBinding>
</Image.Width>
</Image>
<TextBlock Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center">
<TextBlock.Text>
<MultiBinding StringFormat="{}{0:F2}%">
<Binding Path="Experience.ExpPercent"/>
</MultiBinding>
</TextBlock.Text>
</TextBlock>
</Grid>
</StackPanel>
<components:StatsPanel DataContext="{Binding .}" />
<DockPanel>
<StackPanel DockPanel.Dock="Left" Margin="0 0 5 0">
<TextBlock Padding="0 0 0 3">Position:</TextBlock>