web-dev-qa-db-fra.com

WPF: étendre la dernière colonne de GridView de ListView

J'ai un ListView avec un GridView avec 3 colonnes. Je veux que la dernière colonne occupe la largeur restante de ListView.

wpflistviewgridview
29
THX-1138

Cela ne peut pas être fait avec un simple XAML, mais il existe des solutions. Regarde ça:

26
gcores

rapide et sale

xaml:

<ListView SizeChanged="ListView_SizeChanged" Loaded="ListView_Loaded" >
    <ListView.View>
        <GridView>
            <GridViewColumn Header="col1" Width="100" />
            <GridViewColumn Header="col1" Width="Auto" />
            <GridViewColumn Header="col1" />
        </GridView>
    </ListView.View>
</ListView>

cs:

private void ListView_SizeChanged(object sender, SizeChangedEventArgs e)
{
    UpdateColumnsWidth(sender as ListView);
}

private void ListView_Loaded(object sender, RoutedEventArgs e)
{
    UpdateColumnsWidth(sender as ListView);
}

private void UpdateColumnsWidth(ListView listView)
{
    int autoFillColumnIndex = (listView.View as GridView).Columns.Count - 1;
    if (listView.ActualWidth == Double.NaN)
        listView.Measure(new Size(Double.PositiveInfinity, Double.PositiveInfinity));
    double remainingSpace = listView.ActualWidth;
    for (int i = 0; i < (listView.View as GridView).Columns.Count; i++)
        if (i != autoFillColumnIndex)
            remainingSpace -= (listView.View as GridView).Columns[i].ActualWidth;
    (listView.View as GridView).Columns[autoFillColumnIndex].Width = remainingSpace >= 0 ? remainingSpace : 0;
}
8
pr0gg3r

Il y a un moyen de le faire en utilisant un modèle de comportement

<ListView HorizontalAlignment="Stretch"
          Behaviours:GridViewColumnResize.Enabled="True">
        <ListViewItem></ListViewItem>
        <ListView.View>
            <GridView>
                <GridViewColumn  Header="Column *"
                                   Behaviours:GridViewColumnResize.Width="*" >
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBox HorizontalAlignment="Stretch" Text="Example1" />
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>

Voir le lien suivant pour des exemples et un lien pour en savoir plus http://lazycowprojects.tumblr.com/post/7063214400/wpf-c-listview-column-width-auto

Et pour voir le code source. Check out https://github.com/rolfwessels/lazycowprojects/tree/master/Wpf

8
Rolf Wessels

Comment utiliser un style 

<Style x:Key="GridViewExtraStyle" TargetType="{x:Type GridViewColumnHeader}">
    <Setter Property="Background" Value="{x:Null}"/>
    <Setter Property="Foreground" Value="{x:Null}"/>
    <Setter Property="BorderBrush" Value="{x:Null}"/>
    <Setter Property="Width" Value="1000"/>
</Style>

<ListView>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Abc"/>
            <GridViewColumn Header="" HeaderContainerStyle="{DynamicResource GridViewExtraStyle}"/>
        </GridView>
    </ListView.View>
</ListView>
5
Pale Ale

Je n'ai pas vu de solution simple à une ligne/XAML. Définissez une largeur appropriée pour la vue Conception, puis modifiez la largeur lors du changement de taille de la fenêtre de la manière suivante:

Private Sub winMain_SizeChanged(sender As Object, e As SizeChangedEventArgs) Handles Me.SizeChanged
    TryCast(lvwDownload.View, GridView).Columns(3).Width = lvwDownload.ActualWidth - 340
End Sub

Remarque: cette logique ne change pas/survole la largeur d'une colonne lorsqu'un autre est redimensionné. C'est idéal pour remplir une liste avec la dernière colonne.

0
user3614355