Silverlight에서 MouseEnter (hover) 이벤트에 대한 배경 이미지 위치 지정

Question

테두리 요소 안에 중첩 된 TextBlock에 대한 MouseEnter 이벤트를 발생시키면서 이미지의 특정 부분을 잘라내려고합니다 (CSS 'background-position : -1100px - 24 픽셀)을 테두리 요소의 배경으로 배치합니다. 코드가 SOFAR 다음과 같은 :

XAML

<Border Margin="42,9,0,0"> 
    <TextBlock Style="{StaticResource MenuItem}" Name="metallicaButton" MouseEnter="metallicaButton_MouseEnter" Text="metallica" /> 
</Border> 

C#

private void metallicaButton_MouseEnter(object sender, MouseEventArgs e) 
    { 
     /* 
      ImageBrush img = new ImageBrush(); 
      img.ImageSource = new BitmapImage(new Uri(@"Images/frame.png", UriKind.Relative)); ; 
      img.Stretch = Stretch.None;    

      need to develop a subsitute for CSS code: 
      span:hover{background-position: -1100px -24px;} 

      ...something more versatile than: 
      img.AlignmentX = AlignmentX.Center; 
      img.AlignmentY = AlignmentY.Bottom; 

      ((Border)metallicaButton.Parent).Background = img; 

         OR 

      Rect r = Rect.Empty; 
      r.X = -1100; 
      r.Y = -24; 
      RectangleGeometry g = new RectangleGeometry(); 
      g.Rect = r; 
      Image src = new Image(); 
      src.Source = new BitmapImage(new Uri(@"Images/frame.png", UriKind.Relative)); ; 
      src.Clip = g; 

      is there a way to do this: 
      ((Border)((TextBlock)sender).Parent).Background = src; 
     */ 
    } 

이 할 수있는 방법이 있나요?

Answer 1

어쨌든 TextBlock의 이름을 "metallicaButton"으로 지정 했으므로 실제 Button 컨트롤을 사용하지 않고 XAML을 사용하여 사용자 지정 단추 템플릿에서 시각적 상태로이 효과를 만드는 이유는 무엇입니까?