130517Dev GridControl建立多行复杂表头（Banded View）时，统计列与对应列无法对齐的解决办法

使用Dev GridControl建立多行复杂表头时，TotalSummaryItem统计列始终无法与对应列对齐，也无法与对应列一起调整宽度。

最终通过Dev官方网站的技术支持那里得到了最终解决办法，公布如下，供大家参考。

具体的实现原理我也不太懂，总而言之，按照该方法，粘贴部分代码到自己的项目中，能够解决问题。

MainWindow.xaml代码：

<Window x:Class="GridExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
        xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
        xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
        xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
        xmlns:dxght="http://schemas.devexpress.com/winfx/2008/xaml/grid/internal"
        xmlns:dxgext="http://schemas.devexpress.com/winfx/2008/xaml/grid"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        xmlns:local="clr-namespace:GridExample"
        Width="500" Height="370"
        >


    <dxg:GridControl x:Name="grid" ItemsSource="{Binding}" Margin="5">
        <dxg:GridControl.View>
            <dxg:TableView ShowTotalSummary="True" >
                <i:Interaction.Behaviors>
                    <dxgext:BandedViewBehavior>
                        <dxgext:BandedViewBehavior.ColumnDefinitions>
                            <dxgext:ColumnDefinition Width="*"/>
                            <dxgext:ColumnDefinition Width="*"/>
                        </dxgext:BandedViewBehavior.ColumnDefinitions>
                        <dxgext:BandedViewBehavior.RowDefinitions>
                            <dxgext:RowDefinition Height="Auto"/>
                            <dxgext:RowDefinition Height="Auto"/>
                        </dxgext:BandedViewBehavior.RowDefinitions>
                        <dxgext:BandedViewBehavior.TemplatesContainer>
                            <dxgext:TemplatesContainer/>
                        </dxgext:BandedViewBehavior.TemplatesContainer>
                    </dxgext:BandedViewBehavior>
                </i:Interaction.Behaviors>
                <dxg:TableView.FooterTemplate>
                    <DataTemplate>
                        <dx:MeasurePixelSnapper>
                            <ContentControl HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch"
                                        dxg:GridControl.CurrentView="{Binding Path=(dxg:GridControl.CurrentView), RelativeSource={RelativeSource TemplatedParent}}">
                                <Grid>
                                    <Grid.Resources>
                                        <!--<ControlTemplate x:Key="{dxgt:TableViewThemeKey ResourceKey=FixedNoneDropPanelTemplate}">
                                                    <dx:StackVisibleIndexPanel ArrangeAccordingToVisibleIndex="True" Orientation="Horizontal" />
                                                </ControlTemplate>-->
                                        <DataTemplate x:Key="TotalSummaryContainerTemplate">
                                            <dxg:GridTotalSummary DataContext="{Binding Path=DataContext, RelativeSource={RelativeSource TemplatedParent}}"
                              dxg:GridColumn.VisibleIndex="{Binding Path=Column.(dxg:GridColumn.VisibleIndex)}"
                              dxb:BarManager.DXContextMenu="{Binding Path=Column.View.DataControlMenu}">
                                                <dxg:GridViewHitInfoBase.HitTestAcceptor>
                                                    <dxght:TotalSummaryTableViewHitTestAcceptor />
                                                </dxg:GridViewHitInfoBase.HitTestAcceptor>
                                            </dxg:GridTotalSummary>
                                        </DataTemplate>
                                        <dx:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
                                        <dx:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverterInverted" Invert="True" />
                                    </Grid.Resources>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="17"/>
                                    </Grid.ColumnDefinitions>
                                    <ContentControl x:Name="PART_Indicator"
                                Width="{Binding Path=(dxg:GridControl.CurrentView).IndicatorWidth, RelativeSource={RelativeSource TemplatedParent}}"
                                Visibility="{Binding Path=(dxg:GridControl.CurrentView).ShowIndicator, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibilityConverter}}"/>
                                    <dxg:GridScrollablePart 
                                        DataContext="{Binding Path=(dxg:GridControl.CurrentView).HeadersData, RelativeSource={RelativeSource TemplatedParent}}" 
                                        ScrollingMargin="{Binding Path=View.ScrollingHeaderVirtualizationMargin}" 
                                        FitContentWidth="{Binding Path=View.FitColumnWidth}" 
                                        dxg:GridControl.CurrentView="{Binding Path=View}" Grid.Column="1" 
                                        >
                                        <dxg:GridScrollablePart.FixedNoneContent>
                                            <local:BandedTotalSummaryItemsControl View="{Binding View}"
                                                        ItemTemplate="{StaticResource TotalSummaryContainerTemplate}"
                            x:Name="footerItemsControl"
                            ItemsSource="{Binding Path=(dxg:GridControl.CurrentView).HeadersData.FixedNoneCellData, RelativeSource={RelativeSource TemplatedParent}}"
                            >
                                                <local:BandedTotalSummaryItemsControl.ItemsPanel>
                                                    <ControlTemplate>
                                                        <Grid/>
                                                    </ControlTemplate>
                                                </local:BandedTotalSummaryItemsControl.ItemsPanel>
                                            </local:BandedTotalSummaryItemsControl>
                                        </dxg:GridScrollablePart.FixedNoneContent>
                                    </dxg:GridScrollablePart>
                                </Grid>
                            </ContentControl>
                        </dx:MeasurePixelSnapper>
                    </DataTemplate>
                </dxg:TableView.FooterTemplate>
            </dxg:TableView>
        </dxg:GridControl.View>
        <dxg:GridControl.TotalSummary>
            <dxg:GridSummaryItem FieldName="First" SummaryType="Count"/>
        </dxg:GridControl.TotalSummary>
        <dxg:GridControl.Columns>
            <dxg:GridColumn FieldName="Common" dxgext:BandedViewBehavior.ColumnSpan="2" dxgext:BandedViewBehavior.IsBand="True"/>
            <dxg:GridColumn FieldName="First" dxgext:BandedViewBehavior.Row="1"/>
            <dxg:GridColumn FieldName="Second" dxgext:BandedViewBehavior.Row="1" dxgext:BandedViewBehavior.Column="1"/>
        </dxg:GridControl.Columns>
    </dxg:GridControl>
</Window>

MainWindow.xaml.cs代码：

using System;
using System.Windows;
using DevExpress.Xpf.Grid;
using System.Windows.Controls;
using System.Windows.Data;


namespace GridExample {
    public partial class MainWindow : Window {
        public MainWindow() {
            InitializeComponent();
        }
    }

    public class Data {
        public string First { get; set; }
        public string Second { get; set; }
    }

    public class BandedTotalSummaryItemsControl : TotalSummaryItemsControl {
        public static readonly DependencyProperty ViewProperty =
      DependencyProperty.Register("View", typeof(DataViewBase), typeof(BandedTotalSummaryItemsControl), null);
        public DataViewBase View {
            get { return (DataViewBase)GetValue(ViewProperty); }
            set { SetValue(ViewProperty, value); }
        }

        public BandedViewBehavior BandBehavior { get { return BandedViewBehavior.GetBandBehaviour((TableView)View); } }
        Grid LayoutPanel { get { return (Grid)Panel; } }

        public BandedTotalSummaryItemsControl() {
            Loaded += OnLoaded;
        }

        protected override FrameworkElement CreateChild(object item) {
            FrameworkElement res = base.CreateChild(item);
            GridColumnData cellData = (GridColumnData)item;
            ColumnBase gridColumn = cellData.Column;
            int row = BandedViewBehavior.GetRow(gridColumn);
            int column = BandedViewBehavior.GetColumn(gridColumn) + 1;
            int rowSpan = BandedViewBehavior.GetRowSpan(gridColumn);
            int columnSpan = BandedViewBehavior.GetColumnSpan(gridColumn);
            Grid.SetRow(res, row);
            Grid.SetColumn(res, column);
            Grid.SetRowSpan(res, rowSpan);
            Grid.SetColumnSpan(res, columnSpan);
            if (BandedViewBehavior.GetIsBand(gridColumn)) res.Visibility = Visibility.Collapsed;
            else res.Visibility = Visibility.Visible;
            return res;
        }
        protected override void ValidateVisualTree() {
            PreparePanel();
            base.ValidateVisualTree();
        }
        void OnLoaded(object sender, RoutedEventArgs e) {
            ClearPanel();
        }
        void ClearPanel() {
            if (View == null || LayoutPanel == null) return;
            InvalidateMeasure();
            LayoutPanel.ColumnDefinitions.Clear();
            LayoutPanel.RowDefinitions.Clear();
        }
        void PreparePanel() {
            if (View == null || LayoutPanel == null) return;
            if (LayoutPanel.ColumnDefinitions.Count != 0 || LayoutPanel.RowDefinitions.Count != 0) return;
            CreateCorrectingColumn();
            foreach (DevExpress.Xpf.Grid.ColumnDefinition columnDefinition in BandBehavior.ColumnDefinitions)
                LayoutPanel.ColumnDefinitions.Add(columnDefinition.CreateGridColumnDefinition());
            foreach (DevExpress.Xpf.Grid.RowDefinition rowDefinition in BandBehavior.RowDefinitions)
                LayoutPanel.RowDefinitions.Add(rowDefinition.CreateGridRowDefinition());
        }
        void CreateCorrectingColumn() {
            System.Windows.Controls.ColumnDefinition res = new System.Windows.Controls.ColumnDefinition();
            Binding b = new Binding("GroupCount");
            b.Source = ((GridControl)View.DataControl);
            b.Converter = new GridLengthValueConverter();
            b.ConverterParameter = ((TableView)View).LeftGroupAreaIndent;
            BindingOperations.SetBinding(res, System.Windows.Controls.ColumnDefinition.WidthProperty, b);
            LayoutPanel.ColumnDefinitions.Insert(0, res);

            Binding b1 = new Binding("Level");
            b1.Source = DataContext;
            b1.Converter = new ValueConverter();
            b1.ConverterParameter = ((TableView)View).LeftGroupAreaIndent;
            BindingOperations.SetBinding(this, CellLayoutControl.MarginProperty, b1);
        }
        class ValueConverter : IValueConverter {
            public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) {
                double res = (int)value * (double)parameter;
                return new Thickness() { Left = -res };
            }
            public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) {
                throw new NotImplementedException();
            }
        }
    }
}

类BandedTotalSummaryItemsControl 是重点，必须粘贴；xaml文件中<dxg:TableView.FooterTemplate>... ...</dxg:TableView.FooterTemplate>是重点，必须粘贴。

最终实现效果很好，和WinForm中的效果是一样滴。

最后感谢Dev的工程师。