Wie bringen Sie die Kinder von StackPanel dazu, den maximalen Platz nach unten zu füllen?

Ich möchte einfach links fließenden Text und rechts ein Hilfefeld.

Das Hilfefeld sollte sich bis ganz nach unten erstrecken.

Wenn Sie das Äußere StackPanelunten herausnehmen, funktioniert es großartig.

Aber aus Gründen des Layouts (ich füge UserControls dynamisch ein) muss ich die Umhüllung haben StackPanel.

Wie kann ich das erreichen GroupBox, um bis zum Boden des zu reichen StackPanel, wie Sie sehen können, habe ich versucht:

• VerticalAlignment="Stretch"
• VerticalContentAlignment="Stretch"
• Height="Auto"

XAML:

<Window x:Class="TestDynamic033.Test3"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Test3" Height="300" Width="600">
    <StackPanel 
        VerticalAlignment="Stretch" 
        Height="Auto">

        <DockPanel 
            HorizontalAlignment="Stretch" 
            VerticalAlignment="Stretch" 
            Height="Auto" 
            Margin="10">

            <GroupBox 
                DockPanel.Dock="Right" 
                Header="Help" 
                Width="100" 
                Background="Beige" 
                VerticalAlignment="Stretch" 
                VerticalContentAlignment="Stretch" 
                Height="Auto">
                <TextBlock Text="This is the help that is available on the news screen." TextWrapping="Wrap" />
            </GroupBox>

            <StackPanel DockPanel.Dock="Left" Margin="10" Width="Auto" HorizontalAlignment="Stretch">
                <TextBlock Text="Here is the news that should wrap around." TextWrapping="Wrap"/>
            </StackPanel>

        </DockPanel>
    </StackPanel>
</Window>

Antworten:

Danke Mark, benutze es DockPanelanstatt StackPaneles zu klären. Im Allgemeinen verwende ich DockPaneljetzt immer mehr WPF-Layouts. Hier ist die feste XAML:

<Window x:Class="TestDynamic033.Test3"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Test3" Height="300" Width="600" MinWidth="500" MinHeight="200">
    <DockPanel 
        VerticalAlignment="Stretch" 
        Height="Auto">

        <DockPanel 
            HorizontalAlignment="Stretch" 
            VerticalAlignment="Stretch" 
            Height="Auto" 
            MinWidth="400"
            Margin="10">

            <GroupBox 
                DockPanel.Dock="Right" 
                Header="Help" 
                Width="100" 
                VerticalAlignment="Stretch" 
                VerticalContentAlignment="Stretch" 
                Height="Auto">
                <Border CornerRadius="3" Background="Beige">
                    <TextBlock Text="This is the help that is available on the news screen." TextWrapping="Wrap" 

                Padding="5"/>
                </Border>
            </GroupBox>

            <StackPanel DockPanel.Dock="Left" Margin="10" Width="Auto" HorizontalAlignment="Stretch">
                <TextBlock Text="Here is the news that should wrap around." TextWrapping="Wrap"/>
            </StackPanel>

        </DockPanel>
    </DockPanel>
</Window>

Es hört sich so an, als ob Sie eine möchten, StackPanelbei der das letzte Element den gesamten verbleibenden Platz belegt. Aber warum nicht ein DockPanel? Dekorieren Sie die anderen Elemente im DockPanelmit DockPanel.Dock="Top", und dann kann Ihre Hilfesteuerung den verbleibenden Platz ausfüllen.

XAML:

<DockPanel Width="200" Height="200" Background="PowderBlue">
    <TextBlock DockPanel.Dock="Top">Something</TextBlock>
    <TextBlock DockPanel.Dock="Top">Something else</TextBlock>
    <DockPanel
        HorizontalAlignment="Stretch" 
        VerticalAlignment="Stretch" 
        Height="Auto" 
        Margin="10">

      <GroupBox 
        DockPanel.Dock="Right" 
        Header="Help" 
        Width="100" 
        Background="Beige" 
        VerticalAlignment="Stretch" 
        VerticalContentAlignment="Stretch" 
        Height="Auto">
        <TextBlock Text="This is the help that is available on the news screen." 
                   TextWrapping="Wrap" />
     </GroupBox>

      <StackPanel DockPanel.Dock="Left" Margin="10" 
           Width="Auto" HorizontalAlignment="Stretch">
          <TextBlock Text="Here is the news that should wrap around." 
                     TextWrapping="Wrap"/>
      </StackPanel>
    </DockPanel>
</DockPanel>

Wenn Sie sich auf einer Plattform befinden, die nicht DockPanelverfügbar ist (z. B. WindowsStore), können Sie denselben Effekt mit einem Raster erstellen. Hier ist das obige Beispiel, das stattdessen mit Gittern erstellt wurde:

<Grid Width="200" Height="200" Background="PowderBlue">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0">
        <TextBlock>Something</TextBlock>
        <TextBlock>Something else</TextBlock>
    </StackPanel>
    <Grid Height="Auto" Grid.Row="1" Margin="10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="100"/>
        </Grid.ColumnDefinitions>
        <GroupBox
            Width="100"
            Height="Auto"
            Grid.Column="1"
            Background="Beige"
            Header="Help">
            <TextBlock Text="This is the help that is available on the news screen." 
              TextWrapping="Wrap"/>
        </GroupBox>
        <StackPanel Width="Auto" Margin="10" DockPanel.Dock="Left">
            <TextBlock Text="Here is the news that should wrap around." 
              TextWrapping="Wrap"/>
        </StackPanel>
    </Grid>
</Grid>

Der Grund dafür ist, dass das Stapelfenster jedes untergeordnete Element mit positiver Unendlichkeit als Einschränkung für die Achse misst, entlang der es Elemente stapelt. Die untergeordneten Steuerelemente müssen zurückgeben, wie groß sie sein möchten (positive Unendlichkeit ist keine gültige Rückgabe von MeasureOverride in beiden Achsen), damit sie die kleinste Größe zurückgeben, in die alles passt. Sie können nicht wissen, wie viel Platz sie wirklich füllen müssen.

Wenn Ihre Ansicht keine Bildlauffunktion benötigt und die obige Antwort nicht Ihren Anforderungen entspricht, würde ich vorschlagen, ein eigenes Panel zu implementieren. Sie können wahrscheinlich direkt von StackPanel ableiten. Anschließend müssen Sie lediglich die ArrangeOverride- Methode so ändern , dass der verbleibende Speicherplatz auf die untergeordneten Elemente aufgeteilt wird (wobei jeder den gleichen zusätzlichen Speicherplatz erhält ). Elemente sollten gut gerendert werden, wenn ihnen mehr Platz eingeräumt wird als gewünscht. Wenn Sie ihnen jedoch weniger Platz geben, werden Sie Störungen sehen.

Wenn Sie in der Lage sein möchten, das Ganze zu scrollen, werden die Dinge leider etwas schwieriger, da der ScrollViewer Ihnen unendlich viel Platz zum Arbeiten bietet, wodurch Sie in die gleiche Position gebracht werden wie die untergeordneten Elemente ursprünglich. In dieser Situation möchten Sie möglicherweise eine neue Eigenschaft in Ihrem neuen Bedienfeld erstellen, mit der Sie die Größe des Ansichtsfensters angeben können. Sie sollten diese an die Größe des ScrollViewer binden können. Idealerweise würden Sie IScrollInfo implementieren , aber das wird kompliziert, wenn Sie alles richtig implementieren.

Eine alternative Methode besteht darin, ein Raster mit einer Spalte und n Zeilen zu verwenden. Stellen Sie alle Zeilenhöhen auf Autound die unterste Zeilenhöhe auf ein 1*.

Ich bevorzuge diese Methode, da ich festgestellt habe, dass Grids eine bessere Layoutleistung aufweisen als DockPanels, StackPanels und WrapPanels. Aber wenn Sie sie nicht in einer ItemTemplate verwenden (wo das Layout für eine große Anzahl von Elementen ausgeführt wird), werden Sie es wahrscheinlich nie bemerken.

Sie können SpicyTaco.AutoGrid verwenden - eine modifizierte Version von StackPanel:

<st:StackPanel Orientation="Horizontal" MarginBetweenChildren="10" Margin="10">
   <Button Content="Info" HorizontalAlignment="Left" st:StackPanel.Fill="Fill"/>
   <Button Content="Cancel"/>
   <Button Content="Save"/>
</st:StackPanel>

Die erste Schaltfläche wird ausgefüllt.

Sie können es über NuGet installieren:

Install-Package SpicyTaco.AutoGrid

Ich empfehle einen Blick auf SpicyTaco.AutoGrid . Es ist sehr nützlich für Formulare in WPF statt DockPanel, StackPanelund Gridund löst Problem mit Strecken sehr einfach und elegant. Schauen Sie sich einfach die Readme-Datei auf GitHub an.

<st:AutoGrid Columns="160,*" ChildMargin="3">
    <Label Content="Name:"/>
    <TextBox/>

    <Label Content="E-Mail:"/>
    <TextBox/>

    <Label Content="Comment:"/>
    <TextBox/>
</st:AutoGrid>