Comment créer une Fenêtre WPF sans frontière qui peut être redimensionné par l'intermédiaire d'une poignée seulement?

Si vous définissez ResizeMode="CanResizeWithGrip" sur WPF Window puis une poignée de redimensionnement est indiqué dans le coin en bas à droite, comme ci-dessous:

Si vous définissez WindowStyle="None" ainsi la barre de titre disparaît, mais le gris bord biseauté reste jusqu'à ce que vous définissez ResizeMode="NoResize". Malheureusement, avec cette combinaison de définir les propriétés de la poignée de redimensionnement disparaît aussi.

J'ai annulé la Window's ControlTemplate via un custom Style. Je tiens à préciser la frontière de la fenêtre de moi-même, et je n'ai pas besoin les utilisateurs à être en mesure de redimensionner la fenêtre de tous les quatre côtés, mais j'ai besoin d'une poignée de redimensionnement.

Quelqu'un peut détailler un moyen simple de répondre à tous ces critères?

Ne pas ont une bordure sur le Window en dehors de celui que j'spécifier moi-même dans une ControlTemplate.
Ne avoir une poignée de redimensionnement dans le coin inférieur droit.
Ne pas ont une barre de titre.

Veuillez noter que Allowtransperency crée fuite de mémoire. Donc éviter de l'utiliser. Veuillez consulter la social.msdn.microsoft.com/Forums/en/wpf/thread/...
Je ne pouvais pas trouver aucune explication à cette revendication dans le lien que vous avez fourni. peut-être que vous vouliez afficher le lien social.msdn.microsoft.com/Forums/vstudio/en-US/...
J'ai été confronté aux gris de bord en haut même si j'avais mis le style de la fenêtre à Aucun. ResizeMode="NoResize" résolu mon problème.

InformationsquelleAutor Drew Noakes | 2009-03-04

169

Si vous définissez la AllowsTransparency bien sur la Window (même sans définir toutes les valeurs de transparence) de la frontière disparaît et vous ne pouvez redimensionner via la poignée.
```
<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="640" Height="480" 
    WindowStyle="None"
    AllowsTransparency="True"
    ResizeMode="CanResizeWithGrip">

    

</Window>
```
Résultat ressemble à:
- Pure fluke je le savais - je jouais avec le même contrôle de moi-même cet après-midi. 🙂
- Wow, je ne m'attends pas à cela, mais il est totalement à portée de main pour faire-votre-propre-post-it-notes-en-5-minutes, merci 🙂
- AllowTransparency a plusieurs chutes cependant, Windows ne peut plus accueillir sous-fenêtre contrôles a été WebBrowser, Généralement les forces de rendu logiciel, a rapporté des fuites de mémoire. Voir ma solution de contournement ci-dessous.
- Vous avez seulement besoin WindowStyle="None" pour se débarrasser de la frontière; AllowsTransparency ne se produit que de l'exiger, mais n'affecte pas les frontières..
- c'est se débarrasser de la tête de la fenêtre, mais il est encore solide frontière autour de la forme. AllowsTransparency se débarrasser de la frontière.
- Les choses simples sont les plus efficaces / que Les choses simples sont les plus efficaces
InformationsquelleAutor ZombieSheep
63

J'essaie de créer une fenêtre sans bordure avec WindowStyle="None" mais quand je l'ai testé, semble que s'affiche une barre blanche en haut, après quelques recherches il semble être un "Redimensionnement de la frontière", voici une image (je l'ai fait remarquer en jaune):

Après quelques recherches sur internet, et beaucoup de difficile non xaml solutions, toutes les solutions que j'ai trouvé le code behind en C# et beaucoup de lignes de code, j'ai trouvé indirectement la solution ici: Maximum de fenêtre personnalisée perd l'effet d'ombre portée
```
<WindowChrome.WindowChrome>
    <WindowChrome 
        CaptionHeight="0"
        ResizeBorderThickness="5" />
</WindowChrome.WindowChrome>
```
Note : Vous devez utiliser .NET 4.5 cadre, ou si vous utilisez une version plus ancienne utilisation WPFShell, juste de référence de la coque et de l'utilisation Shell:WindowChrome.WindowChrome à la place.

J'ai utilisé le WindowChrome propriété de la Fenêtre, si vous utilisez ce que blanc "redimensionner frontière" disparaît, mais vous avez besoin de définir certaines propriétés pour fonctionner correctement.

CaptionHeight: C'est la hauteur de la zone de la légende (headerbar) qui permet pour l'Aero snap, double cliquant sur le comportement normal de la barre de titre ne. Réglez ce paramètre sur 0 (zéro) pour faire les boutons fonctionnent.

ResizeBorderThickness: C'est l'épaisseur de la bordure de la fenêtre dans laquelle vous pouvez redimensionner la fenêtre. J'ai mis 5 parce que j'aime ce nombre, et parce que si vous mettez à zéro il est difficile de redimensionner la fenêtre.

Après l'utilisation de ce code court, le résultat est le suivant:

Et maintenant, la bordure blanche a disparu sans l'aide de ResizeMode="NoResize" et AllowsTransparency="True", aussi il montre une ombre dans la fenêtre.

Plus tard, je vais vous expliquer comment faire fonctionner les boutons (je n'ai pas utilisé les images pour les boutons) facilement avec un simple et court code, Im nouveau et je pense que je peux poster à codeproject, parce que là, je n'ai pas trouvé l'endroit pour poster le tutoriel.

Peut-être il ya une autre solution (je sais qu'il y a de dur et difficile de solutions pour les noobs comme moi), mais cela fonctionne pour mes projets personnels.

Voici le code complet
```
<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:Concursos"
    mc:Ignorable="d"
    Title="Concuros" Height="350" Width="525"
    WindowStyle="None"
    WindowState="Normal" 
    ResizeMode="CanResize"
    >
<WindowChrome.WindowChrome>
    <WindowChrome 
        CaptionHeight="0"
        ResizeBorderThickness="5" />
</WindowChrome.WindowChrome>

    <Grid>

    <Rectangle Fill="#D53736" HorizontalAlignment="Stretch" Height="35" VerticalAlignment="Top" PreviewMouseDown="Rectangle_PreviewMouseDown" />
    <Button x:Name="Btnclose" Content="r" HorizontalAlignment="Right" VerticalAlignment="Top" Width="35" Height="35" Style="{StaticResource TempBTNclose}"/>
    <Button x:Name="Btnmax" Content="2" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,35,0" Width="35" Height="35" Style="{StaticResource TempBTNclose}"/>
    <Button x:Name="Btnmin" Content="0" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,70,0" Width="35" Height="35" Style="{StaticResource TempBTNclose}"/>

</Grid>
```
Merci!
- Eh bien, Bravo pour celui-ci! C'est de loin la plus simple/pas de métiers hors de réponses de ce fil! Devrait être beaucoup plus "haut" de voter. Je dois avouer que j'étais un peu septique à ce sujet, en particulier à propos de ce qui se passe sous le capot. J'ai même vérifié le PAM arbre et il semble vraiment comme la transparence n'est pas ajouté. Même délicate des contrôles tels que le "WebBrowser" afficher l'amende juste. J'ai eu un rendu problème de gel à l'aide de la transparence lors de l'application a été sous beaucoup de stress... eh Bien, ce n'est pas le cas avec cette solution. Je pense qu'il serait peut-être temps de prendre sa retraite @Oscillations de la solution!
- Semble que cela peut encore le besoin d'interopérabilité pour la fenêtre en faisant glisser si j'interprète l'utilisation de la Rectangle_PreviewMouseDown événement correctement.
- Cela peut ne pas fonctionner dans <= Win 8.1, au vu des résultats bizarres dans ma VM. Windows 7 & 8 sont les principales préoccupations que de la stupide Aero frontière chose.
- Merci pour votre réponse du
- Salut @FernandoAguirre, j'ai posté cette question connexe, et nous serions très reconnaissants si vous avez une réponse.
- De loin la meilleure réponse! Exactement ce qui doit être fait. Pas de compromis, pas de hacks avec interop. Je vous remercie.
- Ce qui est excellent. Correction du problème pour moi. Je suis étonné qu'il m'a fallu tant qu'il fait pour trouver ça, mais merci beaucoup! i2.kym-cdn.com/photos/images/newsfeed/000/117/814/...
- Je reçois un étrange rectangle bleu de scintillement pour une fraction de seconde où la fenêtre d'ombre sur Windows 10 (Automne Créateurs de mise à Jour) avec cette. Peut-être ma carte graphique.
- Pouvez également ajouter des GlassFrameThickness="0" à supprimer toute frontière.
- Niceeeee, je vous remercie.
- Pourriez-vous fournir la ressource statique StaticResource TempBTNclose? je veux le même look et la sensation de ma fenêtre sans bordure des boutons.
InformationsquelleAutor Fernando Aguirre
35

Alors que l'on a accepté la réponse est très vrai, je veux juste faire remarquer que AllowTransparency a quelques inconvénients. Il ne permet pas à l'enfant les commandes de la fenêtre pour montrer, c'est à dire WebBrowser, et c'est souvent les forces de rendu logiciel qui peut avoir des effets sur les performances.

Il est un meilleur travail autour de même si.

Lorsque vous souhaitez créer une fenêtre sans bordure est redimensionnables et est en mesure d'accueillir un contrôle WebBrowser ou d'un Cadre de contrôle pointu à une URL que vous ne pouvait tout simplement pas, le contenu du dit contrôle de montrer vide.

J'ai trouvé une solution de contournement si, dans la Fenêtre, si vous définissez la WindowStyle à Aucun, ResizeMode à NoResize (ours avec moi, vous serez toujours en mesure de redimensionner une fois fait), alors assurez-vous d'avoir DÉCOCHÉ AllowsTransparency vous aurez une statique de la taille de la fenêtre sans frontière et le contrôle du navigateur.

Maintenant, vous avez probablement vous voulez toujours être en mesure de redimensionner droit? Eh bien, nous pouvons à celle d'un appel d'interopérabilité:
```
    [DllImport("user32.dll", CharSet = CharSet.Auto)]
    private static extern IntPtr SendMessage(IntPtr hWnd, uint Msg, IntPtr wParam, IntPtr lParam);

    [DllImportAttribute("user32.dll")]
    public static extern bool ReleaseCapture();

    //Attach this to the MouseDown event of your drag control to move the window in place of the title bar
    private void WindowDrag(object sender, MouseButtonEventArgs e) //MouseDown
    {
        ReleaseCapture();
        SendMessage(new WindowInteropHelper(this).Handle,
            0xA1, (IntPtr)0x2, (IntPtr)0);
    }

    //Attach this to the PreviewMousLeftButtonDown event of the grip control in the lower right corner of the form to resize the window
    private void WindowResize(object sender, MouseButtonEventArgs e) //PreviewMousLeftButtonDown
    {
        HwndSource hwndSource = PresentationSource.FromVisual((Visual)sender) as HwndSource;
        SendMessage(hwndSource.Handle, 0x112, (IntPtr)61448, IntPtr.Zero);
    }
```
Et voila, UNE fenêtre WPF avec pas de frontière et encore déplaçable et redimensionnable sans perte de compatibilité avec les commandes comme WebBrowser
- Comment devrions-nous le faire si nous voulons redimensionner de tous les côtés, et pas seulement en bas à droite, mais veulent toujours pas de frontière visible?
- Voici les autres wParam valeurs, à seulement affecter de nouveaux événements pour les nouveaux Objets de l'INTERFACE utilisateur à l'aide de ces nécessaires private enum ResizeDirection { Left = 61441, Right = 61442, Top = 61443, TopLeft = 61444, TopRight = 61445, Bottom = 61446, BottomLeft = 61447, BottomRight = 61448, }
- Cela fonctionne très bien pour moi, avec une exception cependant une fois que vous avez NoResize vous ne pouvez pas le composant logiciel enfichable de la fenêtre en faisant glisser vers le haut plus.
- Vrai, mais pas de doute, vous pouvez accrocher les messages de windows pour que le bien et le gérer.
- Je ne peux pas faire glisser la fenêtre. aucune idée pourquoi? (redimensionnement fonctionne comme un charme)
- Est l'événement de tir?
- Seule chose que j'ai découvert ici: j'ai mis des bordures autour de ma Fenêtre pour attraper les événements. Fonctionne très bien. J'ai mis le Curseur de la donnée Frontières de montrer la redimensionnez-les Curseurs sur le dessus de la souris. Cependant, alors qu'un déplacement/redimensionnement le curseur peut reset... Mais c'est juste une constatation mineure
InformationsquelleAutor Wobbles

Exemple ici:

<Style TargetType="Window" x:Key="DialogWindow">
<Setter Property="AllowsTransparency" Value="True"/>
<Setter Property="WindowStyle" Value="None"/>
<Setter Property="ResizeMode" Value="CanResizeWithGrip"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Window}">
<Border BorderBrush="Black" BorderThickness="3" CornerRadius="10" Height="{TemplateBinding Height}"
Width="{TemplateBinding Width}" Background="Gray">
<DockPanel>
<Grid DockPanel.Dock="Top">
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition Width="50"/>
</Grid.ColumnDefinitions>
<Label Height="35" Grid.ColumnSpan="2"
x:Name="PART_WindowHeader"                                            
HorizontalAlignment="Stretch" 
VerticalAlignment="Stretch"/>
<Button Width="15" Height="15" Content="x" Grid.Column="1" x:Name="PART_CloseButton"/>
</Grid>
<Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
Background="LightBlue" CornerRadius="0,0,10,10" 
Grid.ColumnSpan="2"
Grid.RowSpan="2">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="20"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="20"></RowDefinition>
</Grid.RowDefinitions>
<ResizeGrip Width="10" Height="10" Grid.Column="1" VerticalAlignment="Bottom" Grid.Row="1"/>
</Grid>
</Border>
</DockPanel>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

Vous devez inclure une brève explication de comment le code fonctionne.

InformationsquelleAutor Kebes

Vous devez vous connecter pour publier un commentaire.