방법: 끌어 온 GridView 열 머리글의 스타일 만들기
이 예제에서는 사용자가 열의 위치를 변경할 때 끌어 온 GridViewColumnHeader의 모양을 변경하는 방법을 보여 줍니다.
예제
GridView를 보기 모드로 사용하는 ListView의 다른 위치로 열 머리글을 끌면 열이 새 위치로 이동합니다. 열 머리글을 끄는 동안에는 원래 머리글 이외에 헤더의 부동 복사본이 나타납니다. GridView의 열 머리글은 GridViewColumnHeader 개체로 표현됩니다.
부동 머리글과 원래 머리글 모두의 모양을 사용자 지정하려면 Triggers를 설정하여 GridViewColumnHeader Style을 수정할 수 있습니다. 이 Triggers는 IsPressed 속성 값이 true이고 Role 속성 값이 Floating일 때 적용됩니다.
마우스가 GridViewColumnHeader에 있을 때 사용자가 마우스 버튼을 누르고 있으면 IsPressed 속성 값이 true로 변경됩니다. 마찬가지로 사용자가 끌기 작업을 시작하면 Role 속성이 Floating으로 변경됩니다.
다음 예제에서는 Triggers를 설정하여 사용자가 열을 새 위치로 끌어 올 때 원래 머리글과 부동 머리글의 Foreground 및 Background 색을 변경하는 방법을 보여 줍니다.
<ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
...
<ControlTemplate.Triggers>
...
<Trigger Property="IsPressed"
Value="true">
<Setter TargetName="HighlightBorder"
Property="Visibility"
Value="Hidden"/>
<Setter TargetName="PART_HeaderGripper"
Property="Visibility"
Value="Hidden"/>
<Setter Property="Background"
Value="SkyBlue"/>
<Setter Property="Foreground"
Value="Yellow"/>
</Trigger>
...
<Trigger Property="Role"
Value="Floating">
<Setter TargetName="PART_HeaderGripper"
Property="Visibility"
Value="Collapsed"/>
<Setter Property="Background"
Value="Yellow"/>
<Setter Property="Foreground"
Value="SkyBlue"/>
</Trigger>
...
</ControlTemplate.Triggers>
...
</ControlTemplate>