WPF-Wie mache ich einen Rand der Breite zu erweitern, um den verfügbaren Platz in einem DockPanel

Ich habe ein custom control ButtonRow die geht in eine andere Steuerung.

Es ist sehr einfach, es hat eine Grenze, bei der label-und ein button.

Muss ich es so machen, dass die Grenze erweitern wird, seine Breite zu füllen, wo sich der button befindet.
Ist dies nicht der Fall, wie Sie sehen können, im Bild unten:

WPF-Wie mache ich einen Rand der Breite zu erweitern, um den verfügbaren Platz in einem DockPanel

XAML finden Sie unten. Ich habe versucht, basteln mit der horizontalen Ausrichtung sowohl er als label-und die Grenze, aber Sie wird immer nur in der Größe zu passen, der text-Inhalt des Etiketts.

Ich weiß es gibt bereits Fragen mit sehr ähnlichen Problemen und Namen, aber keiner nötig haben zu tun ganz dasselbe, oder mir geholfen haben mein problem zu lösen.

Habe ich versucht, mit einem StackPanel-Element in der horizontalen Ausrichtung, aber alle es Taten, war die Schaltfläche go neben der Grenze.

Wie kann ich die Grenze zu erweitern, um den verfügbaren Platz auszufüllen?

<Grid>
    <DockPanel Height="Auto" HorizontalAlignment="Stretch" Margin="0" Name="dockPanel1" VerticalAlignment="Top" Width="Auto">
        <Border BorderBrush="#FFDADFE1" Background="#FFECF0F1" BorderThickness="1" Height="20" Name="bdrFilter" HorizontalAlignment="Stretch">
            <Label Content="Filter..." FontStyle="Italic" Foreground="#FF6C7A89" Height="20" Name="lblFilter" Padding="5,0" HorizontalContentAlignment="Stretch" HorizontalAlignment="Stretch" />
        </Border>
        <Button Style="{StaticResource FlatButtonStyle}" Content="+" Height="20" HorizontalAlignment="Right" Name="btnAddFilter" VerticalAlignment="Top" Width="20" Foreground="#FF6C7A89" ForceCursor="True" BorderBrush="{x:Null}" />
    </DockPanel>
</Grid>

(Die Schaltfläche Stil hat keinen Einfluss auf die Ausrichtung oder sonstige relevante Eigenschaften)

InformationsquelleAutor Lex Webb | 2014-08-04

  1. 7

    Einen DockPanel ist nicht der richtige Panel zu verwenden, die für diese Anforderung... wie ein StackPanel es tut nicht Größe seines Inhalts. Stattdessen nutzen Sie einfach eine regelmäßige Grid (die auch verwendet weniger Ressourcen, als ein DockPanel):

    <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <Border BorderBrush="#FFDADFE1" Background="#FFECF0F1" BorderThickness="1" 
        Height="20" Name="bdrFilter" VerticalAlignment="Top">
        <Label Content="Filter..." FontStyle="Italic" Foreground="#FF6C7A89" 
            Height="20" Name="lblFilter" Padding="5,0" />
    </Border>
    <Button Grid.Column="1" Content="+" Height="20" HorizontalAlignment="Right" 
        Name="btnAddFilter" VerticalAlignment="Top" Width="20" Foreground="#FF6C7A89" 
        ForceCursor="True" BorderBrush="{x:Null}" />
</Grid>

    Finden Sie die Panels Übersicht Seite auf der MSDN-Website für weitere Informationen über die verschiedenen Panels in WPF.

    Großer Dank. Ich werde es versuchen, wenn ich morgen ein wenig Zeit.!
    vielen, vielen Dank!!

    InformationsquelleAutor Sheridan

Schreibe einen Kommentar