2014-12-25 5 views
1

WPF (C#)의 DataGrid에서 하이퍼 링크 링크 (글꼴)의 색을 변경하려면 어떻게해야합니까?DataGrid에서 하이퍼 링크의 글꼴 색상을 변경하는 방법

는 지금, 내 하이퍼 링크 열은 다음과 같이 제시 :

<DataGridHyperlinkColumn Width="300" Binding="{Binding link}" ContentBinding="{Binding link}" 
         Header="Link" HeaderStringFormat="Link"> 
    <DataGridHyperlinkColumn.ElementStyle> 
     <Style>        
      <EventSetter Event="Hyperlink.Click" Handler="DG_Hyperlink_Click"/>        
     </Style>       
    </DataGridHyperlinkColumn.ElementStyle> 
</DataGridHyperlinkColumn> 

답변

2

XAML을 시도 (XAML)

<DataGrid Name="DG1" ItemsSource="{Binding}" AutoGenerateColumns="False" > 
    <DataGrid.Columns> 
     <DataGridHyperlinkColumn Header="Email" Binding="{Binding Email}"> 
      <DataGridHyperlinkColumn.CellStyle> 
       <Style TargetType="DataGridCell"> 
        <Setter Property="Background" Value="Transparent"></Setter> 
        <Setter Property="BorderThickness" Value="0"></Setter> 
        <Style.Resources> 
         <Style TargetType="Hyperlink"> 
          <Setter Property="Foreground" Value="Chocolate"></Setter> 
          <Style.Triggers> 
           <EventTrigger RoutedEvent="Hyperlink.Click"> 
            <BeginStoryboard> 
             <Storyboard> 
              <ColorAnimation Storyboard.TargetProperty="Foreground.Color" From="Chocolate" To="BlueViolet" Duration="0:0:0.1"></ColorAnimation> 
             </Storyboard> 
            </BeginStoryboard> 
           </EventTrigger> 
          </Style.Triggers> 
         </Style> 
        </Style.Resources> 
       </Style> 
      </DataGridHyperlinkColumn.CellStyle> 
     </DataGridHyperlinkColumn> 
    </DataGrid.Columns> 
</DataGrid> 

C# 코드

public partial class Window1 : Window 
{ 
    public Window1() 
    { 
     InitializeComponent(); 
     ObservableCollection<Customer> custdata = new ObservableCollection<Customer>(); 
     custdata.Add(new Customer() { Email = new Uri("http://stackoverflow.com/") }); 
     DG1.ItemsSource = custdata; 
    } 
} 
public class Customer 
{ 
    public Uri Email { get; set; } 
} 

결과

enter image description here

enter image description here

관련 문제