Wie Sie eine WPF-ListView nicht höher als seinen Inhalt aber passen, um das Fenster mit den anderen Kontrollen?

Ich versuche mich zu arrangieren, eine WPF-Benutzeroberfläche wie folgt:

Wie Sie eine WPF-ListView nicht höher als seinen Inhalt aber passen, um das Fenster mit den anderen Kontrollen?

  1. Am oberen Rand des Fensters sind einige Steuerelemente der selbst-Bestimmung der Höhe (effektiv angedockt an der Oberseite des Fensters, aber so groß sind, wie Sie sein wollen).
  2. Unter diesen controls ist ein ListView. Die ListView enthalten kann, eine variable Anzahl von Elementen jeweils unterschiedlicher Höhe. Das problem: Die ListView darf nicht höher sein, als es sein muss. Wenn alle Elemente in der Liste anzuzeigen, wird einfach ins Fenster passt, will ich die ListView zu genau auf der Höhe ist, um alle Elemente (so sieht das Fenster wie eine web-Seite ist flüssiges layout mit Leerzeichen am Ende). Auf der anderen Seite, wenn alle ListView-Elemente nicht ins Fenster passt, möchte ich die gesamte Benutzeroberfläche anpassen, um das Fenster (als ob die Nummer 3
    unten angedockt war, um den unteren Rand des Fensters, und die ListView füllte den verfügbaren Platz). Dies alles hat zu dynamisch anpassen, wie der Benutzer die Fenstergröße und/oder Pressen, die Tasten, die änderung der Listen-Ansicht ist der Inhalt.
  3. Unter der ListView sind einige weitere Steuerelemente der selbst-Bestimmung der Höhe. Diese müssen erscheinen, direkt unter der Listenansicht zu allen Zeiten, mit keine Lücke. Insbesondere Sie darf nicht nur-dock am unteren Rand des Fensters, wenn Sie ' ll passt direkt unter der Listenansicht angezeigt werden.

Lösungen wäre sehr willkommen; ich spielte für einige Zeit, und verwaltet, um die Dinge zu arbeiten außer die Steuerelemente unterhalb der Listenansicht, indem Sie mit einer äußeren DockPanel im Fenster mit den ersten Steuerelementen, die angedockt an die Spitze, und die ListView füllen den übrigen Raum aber VerticalAlignment="Top".

Reine XAML-Lösung wäre ideal, aber ich bin nicht dagegen, code-hinter, wenn es unvermeidbar ist. Bonus-Punkte für eine Lösung, die ermöglicht, dass mehrere solcher Anordnungen zu werden vertikal gestapelt 🙂 vielen Dank für jede Hilfe!!!

InformationsquelleAutor der Frage El Zorko | 2011-03-16

  1. 15

    Versuchen

    <Grid VerticalAlignment="Top">
    <Grid.RowDefinitions>
        <RowDefinition Height="auto" />
        <RowDefinition Height="*" />
        <RowDefinition Height="auto" />

    </Grid.RowDefinitions>

    <Button Content="hello" />
    <ScrollViewer Grid.Row="1" >
    <ListView >
            <ListBoxItem Content="hi" />
            <ListBoxItem Content="hi" />
            <ListBoxItem Content="hi" />
            <ListBoxItem Content="hi" />
            <ListBoxItem Content="hi" />
            <!-- Some Items -->
    </ListView>
    </ScrollViewer>
    <Button Content="hello" Grid.Row="2" />

</Grid>

    InformationsquelleAutor der Antwort Elad Katz

  2. 2

    Verwenden Raster mit drei Zeilen und legen Sie die Höhe von allen drei Auto so, dass Sie die Größe an den Inhalt. 

    <Window x:Class="WpfApplicationUnleashed.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:sys="clr-namespace:System;assembly=mscorlib" xmlns:local="clr-namespace:WpfApplicationUnleashed"
        Title="Window1" >
    <Grid VerticalAlignment="Top">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

        <StackPanel Margin="10" Grid.Row="0" Orientation="Horizontal">
            <Button Margin="10">These are top controls</Button>
            <Label Margin="10">These are top controls</Label>
            <TextBox Margin="10">These are top controls</TextBox>
        </StackPanel>

        <TreeView Margin="10" Grid.Row="1">
            <TreeViewItem Header="Item 1" >
                <TreeViewItem Header=" Sub Item 1" />
                <TreeViewItem Header=" Sub Item 2" />
                <TreeViewItem Header="Sub Item 3" />
            </TreeViewItem>
            <TreeViewItem Header="Item 2" />
            <TreeViewItem Header="Item 3" />
            <TreeViewItem Header="Item 4" />
        </TreeView>

        <StackPanel Margin="10" Grid.Row="2" Orientation="Horizontal">
            <Button Margin="10">These are bottom controls</Button>
            <Label Margin="10">These are bottom controls</Label>
            <TextBox Margin="10">These are bottom controls</TextBox>
        </StackPanel>


    </Grid>
</Window>

    InformationsquelleAutor der Antwort Akshay J

  3. 1

    Kämpfte ich mit der Größe auch. Und die Antwort war wirklich um die Höhe Eigentum meines Grid-Zeilen. Ich habe Folgendes setup:

    <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
    <ListBox Grid.Row="0"
                         HorizontalAlignment="Stretch"
                         VerticalContentAlignment="Stretch" 
                         ScrollViewer.CanContentScroll="True"
                         ScrollViewer.VerticalScrollBarVisibility="Visible"
                         ItemsSource="{Binding AuditEntries}"
                         Margin="1 0 1 1" BorderThickness="0" VerticalAlignment="Top"/>
    <Button Grid.Row="1" />
</Grid>

    Also, was wirklich mein problem gelöst war, war die Höhe Eigenschaft der ersten Zeile definition (enthält meine ListBox):

    <RowDefinition Height="*"></RowDefinition>

    Was das jolly fun...

    InformationsquelleAutor der Antwort anhoppe

  4. 0

    Ist es nicht genug, um einfach die listview und die unteren Steuerelemente in Ihre eigene stackpanel?

    InformationsquelleAutor der Antwort coldandtired

Schreibe einen Kommentar