GridViewColumn中设置自动填充的列宽

GridViewColumn本身不能使用*作为宽度的值,但是对于Grid可以,于是我们虚构一个Grid,让他不可见,并绑定Grid与ListView的宽度,使ListView实现因为第一列长度变化而自动填充。下面为代码

<ListView>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="因变量列" x:Name="col1"/>
            <GridViewColumn Header="自变量列" 
                            Width="{Binding ElementName=col2, Path=ActualWidth}"/>
        </GridView>
    </ListView.View>
    Test Text
</ListView>

<!--This is the hidden helper Grid which does the resizing -->
<Grid Visibility="Hidden">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Name="re_col1" Width="{Binding ElementName=col1, Path=ActualWidth}"/>
        <ColumnDefinition Name="col2" Width="*"/>
        <ColumnDefinition Width="10"/>
    </Grid.ColumnDefinitions>
    <!--This is the hidden helper Field which is used to bind to, using the "Fill" column of the helper grid-->
    <Grid Grid.Column="1" x:Name="helperField"/>
</Grid>
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
ListView根据内容自动调整可以让界面更加美观和易于使用。以下是实现的步骤: 1. 确定ListView的数和名。 2. 将ListView的View属性设置GridView。 3. 为每个设置一个HeaderTemplate,其包含一个TextBlock控件。 4. 在ListView的Loaded事件添加代码,使用ActualWidth属性设置每个度。 5. 在ListView的SizeChanged事件添加代码,使用ActualWidth属性设置每个度。 下面是一个示例,演示如何在WPF自动调整ListView: ```xml <ListView ItemsSource="{Binding Items}" Loaded="ListView_Loaded" SizeChanged="ListView_SizeChanged"> <ListView.View> <GridView> <GridViewColumn Header="ID" Width="Auto"> <GridViewColumn.HeaderTemplate> <DataTemplate> <TextBlock Text="{Binding}" /> </DataTemplate> </GridViewColumn.HeaderTemplate> <GridViewColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding ID}" /> </DataTemplate> </GridViewColumn.CellTemplate> </GridViewColumn> <GridViewColumn Header="Name" Width="Auto"> <GridViewColumn.HeaderTemplate> <DataTemplate> <TextBlock Text="{Binding}" /> </DataTemplate> </GridViewColumn.HeaderTemplate> <GridViewColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding Name}" /> </DataTemplate> </GridViewColumn.CellTemplate> </GridViewColumn> <GridViewColumn Header="Age" Width="Auto"> <GridViewColumn.HeaderTemplate> <DataTemplate> <TextBlock Text="{Binding}" /> </DataTemplate> </GridViewColumn.HeaderTemplate> <GridViewColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding Age}" /> </DataTemplate> </GridViewColumn.CellTemplate> </GridViewColumn> </GridView> </ListView.View> </ListView> ``` ```csharp private void ListView_Loaded(object sender, RoutedEventArgs e) { var listView = sender as ListView; if (listView != null && listView.Items.Count > 0) { var gridView = listView.View as GridView; if (gridView != null) { double workingWidth = listView.ActualWidth - SystemParameters.VerticalScrollBarWidth; for (int i = 0; i < gridView.Columns.Count; i++) { gridView.Columns[i].Width = workingWidth / gridView.Columns.Count; } } } } private void ListView_SizeChanged(object sender, SizeChangedEventArgs e) { var listView = sender as ListView; if (listView != null && listView.Items.Count > 0) { var gridView = listView.View as GridView; if (gridView != null) { double workingWidth = listView.ActualWidth - SystemParameters.VerticalScrollBarWidth; for (int i = 0; i < gridView.Columns.Count; i++) { gridView.Columns[i].Width = workingWidth / gridView.Columns.Count; } } } } ``` 在这个示例,我们创建了一个包含三的ListView,每个度都设置为Auto。在ListView的Loaded和SizeChanged事件,我们使用ActualWidth属性计算每个度,以便使适合ListView的大小。当ListView的大小改变时,我们重新计算

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

话与山鬼听

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值