綁定路徑描邊色到前景

Question

在混合使用TabControl元素爲Silverlight我創建了下面的標記：

<controls:TabControl> 
    <controls:TabItem Header="TabItem" Style="{StaticResource TabItemStyle1}" /> 
    <controls:TabItem Style="{StaticResource TabItemStyle1}"> 
     <controls:TabItem.Header> 
      <StackPanel Orientation="Horizontal"> 
       <Path Data="M0,14L0,6 5,0 10,6 10,14 0,6 10,6 0,14 10,14" 
        StrokeLineJoin="Round" Margin="0 0 6 0" 
        Stroke="Black"/> 
       <TextBlock Text="TabItem"/> 
      </StackPanel> 
     </controls:TabItem.Header> 
    </controls:TabItem> 
</controls:TabControl> 

TabItemStyle1是的TabItem的默認樣式的副本。 我加入的MouseOver故事板的彩色動畫改變TabItemStyle1，這樣，當鼠標懸停他們未選擇的選項卡項目變成紅色：

<ColorAnimation BeginTime="0" Duration="00:00:00.001" 
    Storyboard.TargetName="HeaderTopUnselected" 
    Storyboard.TargetProperty="(UIElement.Foreground).(SolidColorBrush.Color)" 
    To="Red" /> 

現在，當我將鼠標懸停在第二個選項卡，文本變成紅色，但是路徑依然黑：

我該如何定義Path Stroke顏色以使其遵循相同的規則？

Answer 1

我通過將標題內容畫筆綁定到{TemplateBinding TextElement.Foreground}來使其工作。

在其他情況下，我使用標準屬性綁定與轉換器，例如，如果我不得不調整元素的畫筆到項目狀態。

Answer 2

它不是一個完美的解決方案，但你可以使用這個

<sdk:TabControl> 
     <sdk:TabItem Header="item1"></sdk:TabItem> 
     <sdk:TabItem Foreground="Red" x:Name="someNameForTheTab"> 
      <sdk:TabItem.Header> 
       <StackPanel Orientation="Horizontal"> 
        <!--Just set stroke binding to the foreground of the tabItem--> 
        <Path Stroke="{Binding Foreground, ElementName=someNameForTheTab}" Data="M0,14L0,6 5,0 10,6 10,14 0,6 10,6 0,14 10,14"      
          StrokeLineJoin="Round" Margin="0 0 6 0"/> 
        <TextBlock Text="item2"/> 
       </StackPanel> 
      </sdk:TabItem.Header> 
     </sdk:TabItem> 
    </sdk:TabControl> 

Answer 3

下面應該工作：

<controls:TabControl> 
    <controls:TabItem Header="TabItem" Style="{StaticResource TabItemStyle1}" /> 
    <controls:TabItem Style="{StaticResource TabItemStyle1}"> 
     <controls:TabItem.Header> 
      <StackPanel Orientation="Horizontal"> 
       <Path Data="M0,14L0,6 5,0 10,6 10,14 0,6 10,6 0,14 10,14" 
        StrokeLineJoin="Round" Margin="0 0 6 0" 
        Stroke="{Binding ElementName=textBlock, Path=Foreground}"/> 
       <TextBlock x:Name="textBlock" Text="TabItem"/> 
      </StackPanel> 
     </controls:TabItem.Header> 
    </controls:TabItem> 
</controls:TabControl> 

Answer 4

嘗試像這樣綁定到TemplatedParent：

<Path 
Data="M0,14L0,6 5,0 10,6 10,14 0,6 10,6 0,14 10,14" 
StrokeLineJoin="Round" 
Margin="0 0 6 0" 
Stroke="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}"/> 

我的天堂沒有測試過這個，但給它一個旋風，讓我知道。如果它不工作，試試這個：

<Path Data="M0,14L0,6 5,0 10,6 10,14 0,6 10,6 0,14 10,14" StrokeLineJoin="Round" Margin="0 0 6 0"> 
    <Path.Stroke> 
     <SolidColorBrush Color="{Binding Foreground.Color, RelativeSource={RelativeSource TemplatedParent}}" /> 
    </Path.Stroke> 
</Path> 

我有一個感覺，顏色屬性需要具有約束力，而不是實際刷的來源。

Answer 5

// animazione periferica

public static void LineAnimation(Line _line,String _colore) 
    { 
     Storyboard result = new Storyboard(); 
     Duration duration = new Duration(TimeSpan.FromSeconds(2)); 

     ColorAnimation animation = new ColorAnimation(); 
     animation.RepeatBehavior = RepeatBehavior.Forever; 
     animation.Duration = duration; 
     switch (_colore.ToUpper()) 
     { 
      case "RED": 
       animation.From = Colors.Red; 
       break; 
      case "ORANGE": 
       animation.From = Colors.Orange; 
       break; 
      case "YELLOW": 
       animation.From = Colors.Yellow; 
       break; 
      case "GRAY": 
       animation.From = Colors.DarkGray; 
       break; 
      default: 
       animation.From = Colors.Green; 
       break; 
     } 

     animation.To = Colors.Gray; 
     Storyboard.SetTarget(animation, _line); 
     Storyboard.SetTargetProperty(animation, new PropertyPath("(Line.Stroke).(SolidColorBrush.Color)")); 
     result.Children.Add(animation); 
     result.Begin(); 

    } 
} 

// ************ *************

public partial class MainPage : UserControl 
{ 
    public Line _line; 

    public MainPage() 
    { 
     InitializeComponent(); 
     Canvas.MouseLeftButtonDown += Canvas_MouseLeftButtonDown; 
     Canvas.MouseLeftButtonUp += Canvas_MouseLeftButtonUp; 
    } 

    void Canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) 
    { 
     _line.X2 = e.GetPosition(this.Canvas).X; 
     _line.Y2 = e.GetPosition(this.Canvas).Y; 
     _line.Loaded += _line_Loaded; 
     Canvas.Children.Add(_line); 
    } 

    void _line_Loaded(object sender, RoutedEventArgs e) 
    { 
     Cls_Barriere.LineAnimation(sender as Line, "RED"); 
    } 

    void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) 
    { 
     _line = new Line(); 
     _line.Stroke = new SolidColorBrush(Colors.White); 
     _line.StrokeThickness = 5; 
     _line.StrokeStartLineCap = PenLineCap.Round; 
     _line.StrokeEndLineCap = PenLineCap.Round; 
     _line.StrokeDashCap = PenLineCap.Round; 

     _line.X1 = e.GetPosition(this.Canvas).X; 
     _line.Y1= e.GetPosition(this.Canvas).Y; 

    } 

    private void UserControl_Loaded(object sender, RoutedEventArgs e) 
    { 

    } 
}