AquaCare/AquaCare.View/TutorialsWindow.axaml
2025-06-27 23:52:00 +02:00

81 lines
3.7 KiB
XML

<!--
Fenster zur Anzeige von Schritt-für-Schritt-Tutorials.
Enthält Auswahl-Buttons, ein Bildfeld, einen Hinweistext, Bildnavigation und einen Schließen-Button.
-->
<Window xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="AquaCare.View.TutorialsWindow"
Title="Tutorials - Wenns mal nicht klappt"
Width="1280" Height="720"
Icon="Ressourcen/Bilder/ProgrammIcon.ico">
<Grid>
<!-- Hintergrundbild für das Fenster -->
<Grid.Background>
<ImageBrush Source="avares://AquaCare.View/Ressourcen/Bilder/TutorialsHintergrund.png" Stretch="UniformToFill"/>
</Grid.Background>
<!-- Zeilenaufteilung für Überschrift, Buttons und Inhalt -->
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/> <!-- Überschrift (optional) -->
<RowDefinition Height="Auto"/> <!-- Buttons -->
<RowDefinition Height="Auto"/> <!-- Hauptinhalt -->
</Grid.RowDefinitions>
<!-- Buttons für die Auswahl des Tutorials -->
<StackPanel Grid.Row="1"
Orientation="Horizontal"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Margin="0,5,0,0">
<Button Content="Fische füttern" Width="300" Height="50" Click="FischeFütternClick"/>
<Button Content="Wasser wechseln" Width="300" Height="50" Click="WasserWechselnClick"/>
<Button Content="Filter reinigen" Width="300" Height="50" Click="FilterReinigenClick"/>
</StackPanel>
<!-- Hauptinhalt: Bild, Text, Navigation -->
<StackPanel Grid.Row="2"
HorizontalAlignment="Center"
VerticalAlignment="Top"
Spacing="2">
<!-- Tutorial-Inhalt: Bild und Hinweistext -->
<StackPanel Orientation="Vertical" HorizontalAlignment="Center" Spacing="5">
<Grid Height="450" Width="500" Margin="0,0,0,0">
<!-- Bildanzeige für das Tutorial -->
<Image x:Name="tutorialImage"
Stretch="Uniform"
IsVisible="False"/>
<!-- Hinweistext, wenn kein Tutorial ausgewählt ist -->
<TextBlock x:Name="initialText"
Text="Wähle oben, was du nicht kannst!"
FontSize="30"
FontWeight="Bold"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
</Grid>
<!-- Anzeige des aktuellen Bildindexes -->
<TextBlock x:Name="imageIndexTextBlock"
Text=""
FontSize="18"
HorizontalAlignment="Center"
Margin="0,2,0,2"/>
<!-- Navigations-Buttons unter dem Bild -->
<StackPanel Orientation="Vertical" HorizontalAlignment="Center" Spacing="5">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Spacing="10">
<Button Content="Zurück" Click="PreviousImageClick" />
<Button Content="Weiter" Click="NextImageClick" />
</StackPanel>
<!-- Schließen-Button -->
<Button Content="Schließen"
Click="CloseClick"
Width="200"
Margin="0,5,0,0"
HorizontalAlignment="Center"/>
</StackPanel>
</StackPanel>
</StackPanel>
</Grid>
</Window>