WPF Éléments de Barre d'outils HorizontalAligment=“Droite”

Enquête plus approfondie a montré que, pour ce faire j'ai besoin de définir la largeur d'un Grid dans le ToolBar, ou comme Chris Nicol dit, un DockPanel dans le ToolBar dynamiquement à celle de la largeur de la Toolbar à l'aide de RelativeSource.

Toutefois, cela ne se sent pas comme une solution propre. C'est assez compliqué à obtenir le Toolbar pour mettre à jour correctement sur le redimensionnement. Donc à la place j'ai trouvé un peu un hack qui ressemble et fonctionne plus propre.

<ToolBar Height="38" VerticalAlignment="Top" Grid.Row="1">
    <Button HorizontalAlignment="Left" Width="50" VerticalAlignment="Stretch"/>
    <Button HorizontalAlignment="Left" Width="50" VerticalAlignment="Stretch"/>
</ToolBar>

<ComboBox Margin="0,0,15,0" Width="120" HorizontalAlignment="Right" Grid.Row="1"/>

Depuis tous mes éléments sont sur une Grille, puis-je placer ma ComboBox sur le dessus de la ToolBar en attribuant c'est Grid.Row sur la même rangée que la barre d'outils. Après le réglage de mon Margins à tirer la ComboBox plus légèrement de ne pas interférer avec l'air, elle fonctionne selon les besoins, avec pas de bugs. Puisque la seule autre façon que j'ai trouvée pour ce faire est de fixer un DockPanel/Grille de la propriété Width de manière dynamique, en fait, je sens que c'est le nettoyeur de la façon la plus efficace de le faire.

OriginalL'auteur jsmith

Avez-vous essayé d'utiliser un DockPanel qui remplit la barre d'outils, vous pouvez ancrer la zone de liste déroulante à la droite.

Rappeler qu'avec un dockpanel la séquence de vous mettre les éléments dans est très important.

HTH

OriginalL'auteur Chris Nicol

Ma solution à ce problème est de créer un label de contrôle avec un "printemps" comme la capacité, de sorte qu'il serait de remplir le vide entre les boutons de la barre d'outils, donc de droite "l'alignement" de la barre d'outils de la zone de liste déroulante (ou tout autre contrôle qui doit "aligné à droite).

Pour ce faire, j'ai créé un WidthConverter, qui prendrait la Largeur Réelle de la Barre d'outils de Contrôle, puis soustraire le l'espace nécessaire pour aligner à droite de la zone de liste déroulante.:

public class WidthConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return Math.Max(System.Convert.ToDouble(value) - System.Convert.ToDouble(parameter), 0.0);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Ensuite, j'ai ajouté une étiquette de contrôle de la barre d'outils, placé à la gauche de la zone de liste déroulante vous avez besoin aligné à droite. Lier l'étiquette de la Largeur de la barre d'outils du ActualWidth et d'appliquer les WidthConverter:

<Label Width="{Binding Converter={StaticResource WidthConverter}, ElementName=toolBar1, Path=ActualWidth, ConverterParameter=50}" />

Vous aurez besoin d'ajuster la ConverterParameter à vos besoins spécifiques, jusqu'à ce que vous obtenir le désiré "aligner à droite". Un nombre plus élevé fournit plus d'espace pour la zone de liste déroulante, alors qu'un nombre inférieur de l'offre moins d'espace.

À l'aide de cette solution, l'étiquette redimensionne automatiquement à chaque fois que votre barre d'outils redimensionne à la faire ressembler que vous avez aligné à droite de votre zone de liste déroulante.

Il y a deux grands avantages de cette solution par rapport à l'ajout d'une grille dans la barre d'outils. La première est que si vous avez besoin d'utiliser des boutons sur la barre d'outils, vous ne perdrez pas le bouton de barre d'outils de style. La deuxième est que le débordement va fonctionner comme prévu si la barre d'outils de la longueur est réduite par le biais de redimensionnement de la fenêtre. Boutons individuels va aller dans le débordement de tel que requis. Si les boutons sont placés dans une grille, puis la grille est mis dans le débordement de la prise de tous les boutons.

XAML dans l'utilisation:

<ToolBarPanel>
    <ToolBar Name="toolBar1">
        <Button>
            <Image Source="save.png"/>
        </Button>
    <Label Width="{Binding Converter={StaticResource Converters.WidthConverter},
                  ElementName=toolBar1,
                  Path=ActualWidth,
                  ConverterParameter=231}" HorizontalAlignment="Stretch" ToolBar.OverflowMode="Never"/>
    <Button>
        <Image Source="open.png"/>
    </Button>
</ToolBar>

Si vous avez le désir de toujours garder le dernier bouton de la barre d'outils, par exemple un bouton d'aide qui vous voulez toujours visible, ajoutez l'attribut de la Barre d'outils.OverflowMode="Jamais" à son élément.

OriginalL'auteur PocketDews

Je ne suis pas très satisfait de la "WidthConverter" solution parce que j'ai eu des éléments dynamiques à la fin. Poursuite de la recherche m'a conduit à ici, qui semble être parfait pour moi. Voici mon exemple de code dans le cas où vous êtes intéressé:

<ToolBar Name="toolBar">
    <DockPanel Width="{Binding Path=ActualWidth, RelativeSource={RelativeSource AncestorType={x:Type ToolBarPanel}}}">
        <DockPanel.Resources>
            <Style TargetType="{x:Type Button}" BasedOn="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"></Style>
        </DockPanel.Resources>
        <Button x:Name="btnRefresh" ToolTip="Refresh" Click="btnRefresh_Click">
            <Image Margin="2 0" Source="/Resources/refresh.ico" Height="16" Width="16"/>
        </Button>
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
            <Image Margin="2 0" Source="/Resources/Help.ico" Height="16" Width="16"/>
            <TextBlock Text="Help" Margin="2 0" VerticalAlignment="Center"/>
        </StackPanel>
    </DockPanel>
</ToolBar>

OriginalL'auteur newman