WPF: How to set column width with auto fill in ListView with custom user control.

Question

A ListView with Datatemplate in GridViewColumn:

    <ListView Name ="LogDataList" IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding LogDataCollection}" Background="Cyan"> 
            <ListView.View> 
                <GridView AllowsColumnReorder="true" 
                  ColumnHeaderToolTip="Event Log Information"> 
                    <GridViewColumn Header="Event Log Name" Width="100"> 
                        <GridViewColumn.CellTemplate> 
                            <DataTemplate> 
                                <l:MyTextBlock Height="25" DataContext="{Binding LogName, Converter={StaticResource DataFieldConverter}}" HighlightMatchCase="{Binding Element}" Loaded="EditBox_Loaded"/> 
                            </DataTemplate> 
                        </GridViewColumn.CellTemplate> 
                    </GridViewColumn> 
                        ...
                    </GridView> 
            </ListView.View> 
        </ListView> 

I have no idea about how to make column width autofill although I have tried a lot of way to walk up. The general idea for demo is :

<ListView Name ="LogDataList" IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding LogDataCollection}" Background="Cyan">
            <ListView.Resources>
                <Style x:Key="ColumnWidthStyle" TargetType="{x:Type GridViewColumn}">
                    <Style.Setters>
                        <Setter Property="HorizontalContentAlignment" Value="Stretch" >
                        </Setter>
                    </Style.Setters>
                </Style>
            </ListView.Resources>
            <ListView.View>
                <GridView AllowsColumnReorder="true"
                  ColumnHeaderToolTip="Event Log Information">
                    <GridViewColumn Header="Event Log Name" DisplayMemberBinding="{Binding Path=LogName}" HeaderContainerStyle="{StaticResource ColumnWidthStyle}">

It works, but not accord with my demand. I need to customize datatemplate with my custom user control(MyTextBlock) since the enhancement(HighlighMatchCase property) and binding datacontext.

How can I set up ColumnWidthMode with Fill in the word? On-line'in.

I really appreciate your help.

Answer 1

This is work for me. First, add Text property to MyTextBlock since it is not inherited from System.Windows.Controls.TextBlock but User Control.

public object Text
        {
            get { return GetValue(TextProperty); }
            set
            {
                SetValue(TextProperty, value);
            }
        }

        public static readonly DependencyProperty TextProperty =
            DependencyProperty.Register(
        "Text",
        typeof(object),
        typeof(MyTextBlock),
                    new PropertyMetadata(null, new PropertyChangedCallback(TextChangedCallback)));

        static void TextChangedCallback(DependencyObject property,
DependencyPropertyChangedEventArgs args)
        {
            MyTextBlock textBox = (MyTextBlock)property;
            textBox.textBlock.Text = args.NewValue.ToString();
        }

Then, resize column width manually like this:

private void ResizeColumnWidth()
        {
            foreach (GridViewColumn column in LogGridView.Columns)
            {
                column.Width = column.ActualWidth;
                column.Width = double.NaN;
            }
        }