WPF, wie man minimieren/maximieren-button-icon - Benutzerdefinierte Titelleiste

Ich versuche zum erstellen einer benutzerdefinierten Titelleiste für meine Anwendung. Ich habe keine Ahnung, wie Sie einen windows-maximieren oder minimieren-Symbol auf die Schaltfläche. Ich möchte meine Symbole o ähnlich Aussehen wie dieser

WPF, wie man minimieren/maximieren-button-icon - Benutzerdefinierte Titelleiste

Hier ist mein XAML für meine buttons

            <Button Command="{x:Static SystemCommands.MaximizeWindowCommand}" Content="+" Canvas.Left="1020" Height="30" Width="30">
            <Button.Style>
                <Style TargetType="{x:Type Button}">
                    <Setter Property="Background" Value="Black"/>
                    <Setter Property="TextBlock.Foreground" Value="White"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Border Background="{TemplateBinding Background}">
                                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#403c47"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
        </Button>
        <Button Command="{x:Static SystemCommands.MinimizeWindowCommand}" Content="" Canvas.Left="990" Height="30" Width="30" >
            <Button.Style>
                <Style TargetType="{x:Type Button}">
                    <Setter Property="Background" Value="Black"/>
                    <Setter Property="TextBlock.Foreground" Value="White"/>
                    <Setter Property="FontSize" Value="24"/>
                    <Setter Property="TextBlock.LineHeight" Value="5"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Border Background="{TemplateBinding Background}">
                                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#403c47"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
        </Button>

Jede Hilfe ist willkommen 🙂

  • Holen Sie einfach ein paar schöne icons/Bilder und verwenden Sie ein Bild-element für die buttons, Inhalt
  • Ich don ' T wollen, verwenden Sie die Symbole/Bilder, wenn es bereits einen in windows integriert.
  • warum bist du nicht einfach mit dem windows dann?
  • Ich weiß nicht, wie.
InformationsquelleAutor Le General de Cuddles | 2015-08-15
  1. 7

    Dieser eine Auszug des Codes die ich verwendet habe. (in meinem Fall ist eine wiederverwendbare Fenster-Klasse-Erweiterung, zu lang, um die post vollständig)

    XAML 2 Schaltfläche zum minimieren und maximieren

    <Grid Margin="1,0,1,0">
    <Button x:Name="Restore" Command="{Binding Source={x:Static SystemCommands.RestoreWindowCommand}}"  Visibility="Collapsed" Style="{StaticResource WindowButtonStyle}">
        <Grid Width="30" Height="25" UseLayoutRounding="True" RenderTransform="1,0,0,1,.5,.5">
            <Path Data="M2,0 L8,0 L8,6 M0,3 L6,3 M0,2 L6,2 L6,8 L0,8 Z" Width="8" Height="8" VerticalAlignment="Center" HorizontalAlignment="Center"
                Stroke="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type Button}, Mode=FindAncestor}}" StrokeThickness="1"  />
        </Grid>
    </Button>
    <Button x:Name="Maximize" Command="{Binding Source={x:Static SystemCommands.MaximizeWindowCommand}}"  Style="{StaticResource WindowButtonStyle}">
        <Grid Width="31" Height="25">
            <Path Data="M0,1 L9,1 L9,8 L0,8 Z" Width="9" Height="8" VerticalAlignment="Center" HorizontalAlignment="Center"
                Stroke="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type Button}, Mode=FindAncestor}}" StrokeThickness="2"  />
        </Grid>
    </Button>
</Grid>

    Trigger ausblenden, minimieren/maximieren-Schaltfläche, wenn das Fenster maximiert/minimiert

    <ControlTemplate.Triggers>
    <Trigger Property="WindowState" Value="Maximized">
        <Setter TargetName="Maximize" Property="Visibility" Value="Collapsed" />
        <Setter TargetName="Restore" Property="Visibility" Value="Visible" />
    </Trigger>
    <Trigger Property="WindowState" Value="Normal">
        <Setter TargetName="Maximize" Property="Visibility" Value="Visible" />
        <Setter TargetName="Restore" Property="Visibility" Value="Collapsed" />
    </Trigger>
    .....
</ControlTemplate.Triggers>

    WPF, wie man minimieren/maximieren-button-icon - Benutzerdefinierte Titelleiste

    Hoffe auf Ihre Wünsche anpassen können.

    • Warum funktioniert das wiederherstellen-symbol verschwommen Aussehen?
    • hinzufügen Sie können die Schaltfläche "minimieren" Pfad-Daten als auch?
    • Für Windows 10: stackoverflow.com/questions/44190041/...
    InformationsquelleAutor Xilmiki
  2. 3

    Alternative Lösung ist die Verwendung der Webdings schriftart, die minimieren, maximieren und wiederherstellen Glyphen auf 0, 1 und 2 entsprechend.

    Gibt es auch unicode-Zeichen für diese z.B. ? ? ? aber Sie sind relativ neu und derzeit nicht richtig zu funktionieren scheint in allen Gebietsschemas.

    InformationsquelleAutor George Helyar
Schreibe einen Kommentar