44 lines
2.1 KiB
XML
44 lines
2.1 KiB
XML
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:converters="clr-namespace:Project_Periodensystem.View.Converters"
|
|
x:Class="Project_Periodensystem.View.Components.ElementTile"
|
|
Width="100" Height="120">
|
|
|
|
<UserControl.Resources>
|
|
<converters:SeriesToColorConverter x:Key="SeriesToColor" />
|
|
<converters:BoolToScaleXConverter x:Key="BoolToScaleXConverter" />
|
|
</UserControl.Resources>
|
|
|
|
|
|
<Border RenderTransformOrigin="0.5,0.5"
|
|
BorderBrush="Black" BorderThickness="1" CornerRadius="6" Margin="4" Background="{Binding Series, Converter={StaticResource SeriesToColor}}">
|
|
|
|
|
|
|
|
<Border.RenderTransform>
|
|
<ScaleTransform ScaleX="{Binding IsFlipped, RelativeSource={RelativeSource AncestorType=UserControl}, Converter={StaticResource BoolToScaleXConverter}}" />
|
|
</Border.RenderTransform>
|
|
|
|
<Grid>
|
|
<Grid Name="Front" IsVisible="{Binding !IsFlipped, RelativeSource={RelativeSource AncestorType=UserControl}}">
|
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="4">
|
|
<TextBlock Text="{Binding AtomicNumber}" FontSize="12" />
|
|
<TextBlock Text="{Binding Symbol}" FontSize="24" FontWeight="Bold" />
|
|
<TextBlock Text="{Binding ElementName}" FontSize="12" />
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<Grid Name="Back" IsVisible="{Binding IsFlipped, RelativeSource={RelativeSource AncestorType=UserControl}}">
|
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="4">
|
|
<TextBlock Text="Masse: " FontSize="10"/>
|
|
<TextBlock Text="{Binding AtomicWeight}" FontSize="10" />
|
|
<TextBlock Text="EN: " FontSize="10"/>
|
|
<TextBlock Text="{Binding Electronegativity}" FontSize="10" />
|
|
<TextBlock Text="Dichte:" FontSize="10"/>
|
|
<TextBlock Text="{Binding Density}" FontSize="10" />
|
|
</StackPanel>
|
|
</Grid>
|
|
</Grid>
|
|
</Border>
|
|
</UserControl>
|