内容更新时自动调整Listview列的大小 [英] Autoresize Listview Columns on content update
问题描述
我正在尝试在列表视图中获取gridview列,以便在绑定源更新时自动调整大小以适应内容(视图模型上的observablecollection).
I'm trying to get gridviewcolumns in a listview to auto-size to content on when the Binding source is updated (an observablecollection on a viewmodel).
列表视图可以很好地填充,但是当我刷新/更新集合时不起作用.到目前为止,这是我正在尝试的解决方案:
The listview populates fine, but not working when I refresh/update the collection. This is the solution I'm trying so far:
XAML:
<ListView x:Name="ListView" ItemsSource="{Binding Collection, NotifyOnSourceUpdated=True}" SourceUpdated="ListView_SourceUpdated">
<ListView.View>
<GridView>
<GridViewColumn Width="Auto" Header="Test" DisplayMemberBinding={Binding Test}" />
</GridView>
</ListView.View>
</ListView>
隐藏代码:
private void requestsListView_SourceUpdated(object sender, DataTransferEventArgs e)
{
GridView gv = requestsListView.View as GridView;
if (gv != null)
{
foreach (var c in gv.Columns)
{
if (double.IsNaN(c.Width))
{
c.Width = c.ActualWidth;
}
c.Width = double.NaN;
}
}
}
据我所知,SourceUpdated事件从不触发.我不知道这是否是因为datacontext设置为ViewModel?不确定如何从VM与ListView进行交互.
From what I can tell, the SourceUpdated event never fires. I don't know if this is because the datacontext is set to a ViewModel? Not sure how to interact with the ListView from the VM.
是否有更好的方法尝试使用ViewModel做到这一点?仍然是新事物,正在尝试学习MVVM.
Is there a better way to try to do this using the ViewModel? Still new and trying to learn MVVM.
推荐答案
下面是一个有效的示例:
Here is a working example :
<Window x:Class="ListViewAutoResize.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<StackPanel>
<ListView x:Name="lv" Background="Beige" ItemsSource="{Binding items}" >
<ListView.View>
<GridView>
<GridViewColumn Header="Column1" DisplayMemberBinding="{Binding}"/>
<GridViewColumn Header="Column2" DisplayMemberBinding="{Binding}"/>
<GridViewColumn Header="Column3" DisplayMemberBinding="{Binding}"/>
</GridView>
</ListView.View>
</ListView>
<Button Content="Add item" Click="btnAddItem_OnClick"/>
</StackPanel>
</Window>
下面是代码:
public partial class MainWindow : Window
{
public ObservableCollection<string> items { get; set; }
public MainWindow()
{
InitializeComponent();
items = new ObservableCollection<string>();
items.Add(("item1"));
items.Add(("item2"));
items.Add(("item3333"));
items.Add(("item4"));
items.Add(("item5"));
items.CollectionChanged += items_CollectionChanged;
this.DataContext = this;
}
void items_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
{
var view = lv.View as GridView;
AutoResizeGridViewColumns(view);
}
static void AutoResizeGridViewColumns(GridView view)
{
if (view == null || view.Columns.Count < 1) return;
// Simulates column auto sizing
foreach (var column in view.Columns)
{
// Forcing change
if (double.IsNaN(column.Width))
column.Width = 1;
column.Width = double.NaN;
}
}
private void btnAddItem_OnClick(object sender, RoutedEventArgs e)
{
items.Add("aaaaaaaaaabbbbbbb");
}
}
就是这样.
之前:
之后:
这篇关于内容更新时自动调整Listview列的大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!