如何在 WPF ListView ( GridView ) 中创建组页脚
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/678690/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How can I create a group footer in a WPF ListView ( GridView )
提问by Russ
I have a ListView that displays sales orders, and groups them by status. In WinForms I had a footer at the bottom of each group that displayed the Total sale price for each group, and I would like to do the same in WPF.
我有一个 ListView 显示销售订单，并按状态对它们进行分组。在 WinForms 中，我在每个组的底部都有一个页脚，显示每个组的总销售价格，我想在 WPF 中做同样的事情。
I have figured out how to group the orders, but I can't figure out how to create a footer.
我已经弄清楚如何对订单进行分组，但我无法弄清楚如何创建页脚。
This is my current group style:
这是我目前的小组风格：
<ListView.GroupStyle>
<GroupStyle HidesIfEmpty="True">
<GroupStyle.HeaderTemplate>
<DataTemplate>
<!--CollectionViewGroup.Name will be assigned the value of Status for that group.-->
<!--http://stackoverflow.com/questions/639809/how-do-i-group-items-in-a-wpf-listview-->
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0" Text="{Binding Path=Name}" HorizontalAlignment="Left" FontWeight="Bold" Foreground="Black"/>
<Line Grid.Column="1" Stroke="Black" X2="500" Fill="Black" VerticalAlignment="Center" />
</Grid>
</DataTemplate>
</GroupStyle.HeaderTemplate>
</GroupStyle>
</ListView.GroupStyle>
回答by bendewey
If your looking for something like this:
如果您正在寻找这样的东西：
(source: bendewey.com)
（来源：本德威网站）
Then you can use the Template property of the ContainerStyle for the GroupStyle. In this example I use a DockPanel, with the Grid you supplied Docked on the bottom and an ItemsPresenter filling the remainder. In addition in order to get the Items totaled you'd have to use a Converter, which is supplied at the bottom.
然后，您可以将 ContainerStyle 的 Template 属性用于 GroupStyle。在这个例子中，我使用了一个 DockPanel，你提供的 Grid 位于底部，一个 ItemsPresenter 填充其余部分。此外，为了获得项目总计，您必须使用底部提供的转换器。
Window.xaml
窗口.xaml
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="WpfApplication1.Window3"
x:Name="Window"
Title="Window3"
xmlns:local="clr-namespace:WpfApplication1"
Width="640" Height="480">
<Window.Resources>
<local:MyDataSource x:Key="MyData" />
<CollectionViewSource x:Key="ViewSource" Source="{Binding Source={StaticResource MyData}, Path=Users}">
<CollectionViewSource.GroupDescriptions>
<PropertyGroupDescription PropertyName="Country" />
</CollectionViewSource.GroupDescriptions>
</CollectionViewSource>
</Window.Resources>
<Grid x:Name="LayoutRoot">
<ListView ItemsSource="{Binding Source={StaticResource ViewSource}}">
<ListView.GroupStyle>
<GroupStyle>
<GroupStyle.ContainerStyle>
<Style TargetType="{x:Type GroupItem}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type GroupItem}">
<DockPanel>
<Grid DockPanel.Dock="Bottom">
<Grid.Resources>
<local:TotalSumConverter x:Key="sumConverter" />
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
<StackPanel Orientation="Horizontal">
<TextBlock Grid.Column="0" Text="Total: " FontWeight="Bold"/>
<TextBlock Grid.Column="0" Text="{Binding Path=Name}" />
</StackPanel>
<Line Grid.Column="1" Stroke="Black" X2="500" Fill="Black" VerticalAlignment="Center" />
<TextBlock Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right" Text="{Binding Path=Items, Converter={StaticResource sumConverter}}" />
</Grid>
<ItemsPresenter />
</DockPanel>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</GroupStyle.ContainerStyle>
</GroupStyle>
</ListView.GroupStyle>
<ListView.View>
<GridView>
<GridViewColumn Width="140" Header="Name" DisplayMemberBinding="{Binding Name}"/>
<GridViewColumn Width="140" Header="Phone Number" DisplayMemberBinding="{Binding Phone}"/>
<GridViewColumn Width="140" Header="Country" DisplayMemberBinding="{Binding Country}" />
<GridViewColumn Width="140" Header="Total" DisplayMemberBinding="{Binding Total}" />
</GridView>
</ListView.View>
</ListView>
</Grid>
</Window>
MyDataSource.cs
我的数据源文件
public class MyDataSource
{
public ObservableCollection<User> Users { get; set; }
public MyDataSource()
{
Users = new ObservableCollection<User>();
LoadDummyData();
}
private void LoadDummyData()
{
Users.Add(new User()
{
Name = "Frank",
Phone = "(122) 555-1234",
Country = "USA",
Total = 432
});
Users.Add(new User()
{
Name = "Bob",
Phone = "(212) 555-1234",
Country = "USA",
Total = 456
});
Users.Add(new User()
{
Name = "Mark",
Phone = "(301) 555-1234",
Country = "USA",
Total = 123
});
Users.Add(new User()
{
Name = "Pierre",
Phone = "+33 (122) 555-1234",
Country = "France",
Total = 333
});
Users.Add(new User()
{
Name = "Jacques",
Phone = "+33 (122) 555-1234",
Country = "France",
Total = 222
});
Users.Add(new User()
{
Name = "Olivier",
Phone = "+33 (122) 555-1234",
Country = "France",
Total = 444
});
}
}
User.cs
用户.cs
public class User
{
public string Name { get; set; }
public string Phone { get; set; }
public string Country { get; set; }
public double Total { get; set; }
}
TotalSumConverter.cs
TotalSumConverter.cs
public class TotalSumConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
var users = value as IEnumerable<object>;
if (users == null)
return "##代码##.00";
double sum = 0;
foreach (var u in users)
{
sum += ((User)u).Total;
}
return sum.ToString("c");
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
throw new System.NotImplementedException();
}
}
