0

Написал свой стиль для DataGridColumnHeader, но теперь нет возможности изменять длину столбцов. Как сделать реализацию изменения длины столбцов?

<DataGrid.ColumnHeaderStyle>
  <Style TargetType="DataGridColumnHeader">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
          <Grid Background="#414073">
            <Themes:DataGridHeaderBorder Name="Border" BorderBrush="White" BorderThickness="1, 0, 1, 0" Background="{TemplateBinding Background}" IsClickable="{TemplateBinding CanUserSort}" IsPressed="{TemplateBinding IsPressed}" IsHovered="{TemplateBinding IsMouseOver}" Padding="{TemplateBinding Padding}" SortDirection="{TemplateBinding SortDirection}" SeparatorBrush="{TemplateBinding SeparatorBrush}" SeparatorVisibility="{TemplateBinding SeparatorVisibility}">
              <Border BorderThickness="5" BorderBrush="Transparent">
                 <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RecognizesAccessKey="True" TextBlock.Foreground="White" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
               </Border>
            </Themes:DataGridHeaderBorder>
            <Thumb x:Name="PART_LeftHeaderGripper" BorderBrush="White" Visibility="Visible" HorizontalAlignment="Left">
              <Thumb.Style>
                <Style TargetType="{x:Type Thumb}">
                  <Setter Property="Width" Value="3"/>
                  <Setter Property="Cursor" Value="SizeWE"/>
                  <Setter Property="Template">
                   <Setter.Value>
                     <ControlTemplate TargetType="{x:Type Thumb}">
                       <Rectangle Fill="Transparent"/>
                     </ControlTemplate>
                   </Setter.Value>
                </Setter>
              </Style>
            </Thumb.Style>
          </Thumb>
          <Thumb x:Name="PART_RightHeaderGripper" BorderBrush="White" Visibility="Visible" HorizontalAlignment="Right">
            <Thumb.Style>
              <Style TargetType="{x:Type Thumb}">
                <Setter Property="Width" Value="3"/>
                <Setter Property="Cursor" Value="SizeWE"/>
                Setter Property="Template">
                <Setter.Value>
                  <ControlTemplate TargetType="{x:Type Thumb}">
                    <Rectangle Fill="Transparent"/>
                  </ControlTemplate>
                </Setter.Value>
              </Setter>
            </Style>
          </Thumb.Style>
        </Thumb>
      </Grid>
    <ControlTemplate.Triggers>
      <Trigger Property="DisplayIndex" Value="0">
        <Setter TargetName="PART_LeftHeaderGripper" Property="Visibility" Value="Collapsed"/>
      </Trigger>
      <Trigger Property="DisplayIndex" Value="0">
        <Setter TargetName="Border" Property="BorderThickness" Value="0, 0, 1, 0"/>
      </Trigger>
        <Trigger Property="DisplayIndex" Value="4">
        <Setter TargetName="Border" Property="BorderThickness" Value="1, 0, 0, 0"/>
        </Trigger>
        </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>
</DataGrid.ColumnHeaderStyle>

Перетащиваю мышкой Test 4

введите сюда описание изображения

DataGrid полностю

введите сюда описание изображения

3
  • Вы имеете ввиду, нельзя мышкой растягивать ширину? А в штатном шаблоне что было? 10 дек 2018 в 9:21
  • @АндрейNOP да, штатный шаблон у меня не получилось получить так как в дизайнере не могу выбрать Column Header 10 дек 2018 в 9:25
  • Да, вроде есть он там 10 дек 2018 в 9:42

1 ответ 1

1

Стандартный шаблон выглядит так (в теме Aero для Windows 7):

<ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
    <Grid>
        <Themes:DataGridHeaderBorder BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" IsClickable="{TemplateBinding CanUserSort}" IsPressed="{TemplateBinding IsPressed}" IsHovered="{TemplateBinding IsMouseOver}" Padding="{TemplateBinding Padding}" SortDirection="{TemplateBinding SortDirection}" SeparatorBrush="{TemplateBinding SeparatorBrush}" SeparatorVisibility="{TemplateBinding SeparatorVisibility}">
            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
        </Themes:DataGridHeaderBorder>
        <Thumb x:Name="PART_LeftHeaderGripper" HorizontalAlignment="Left" Style="{StaticResource ColumnHeaderGripperStyle}"/>
        <Thumb x:Name="PART_RightHeaderGripper" HorizontalAlignment="Right" Style="{StaticResource ColumnHeaderGripperStyle}"/>
    </Grid>
</ControlTemplate>

Соответственно, все что вам нужно — это обернуть свой шаблон в Grid и добавить в него два элемента Thumb для перетаскивания:

<ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
    <Grid>
        <!--Ваш шаблон здесь-->
        <Thumb x:Name="PART_LeftHeaderGripper" HorizontalAlignment="Left" Style="{StaticResource ColumnHeaderGripperStyle}"/>
        <Thumb x:Name="PART_RightHeaderGripper" HorizontalAlignment="Right" Style="{StaticResource ColumnHeaderGripperStyle}"/>
    </Grid>
</ControlTemplate>
5
  • обновил код, там костыльно DisplayIndex тригер поставил на 0 и последний index и думаю что проверять нужно примерно там, но не уверен. Вобщем так и не пойму как нормально контролировать етот момент - нужно чтобы у первого столбца ничего небыло слева и у последнего ничего небыло справа и еще заметил если тащить мышкой header то происходит рендер вместе с моими костыльными боками чего не должно быть 10 дек 2018 в 14:43
  • В DataGridColumnHeader нету DisplayIndex, надо пробовать Column.DisplayIndex 10 дек 2018 в 14:52
  • Да нет, не работает, я не вижу чтоб он работал, а самый левый Thumb скрывается и так, это штатное поведение 10 дек 2018 в 14:58
  • Ага, увидел. А белые бока — это как раз Border ваш видно 10 дек 2018 в 15:05
  • Давайте продолжим обсуждение в чате. 10 дек 2018 в 15:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.