슬라이더의 썸을 찾아 폭을 설정하는 방법

Question

3 개의 슬라이더 컨트롤을 겹쳐서 "범위 슬라이더"를 만듭니다. 기본 개념은 여기에서 두 개의 슬라이더를 사용합니다.

http://www.thejoyofcode.com/Creating_a_Range_Slider_in_WPF_and_other_cool_tips_and_tricks_for_UserControls_.aspx

난 그의 엄지 다른 슬라이더의 엄지 손가락 사이의 공간을 채울 제 슬라이더를 추가하고있다. 사용자는이 가운데 엄지 손가락을 드래그하여 두 끝을 이동하고 두 끝 사이에 일정한 간격을 유지할 수 있습니다.

XAML은 단순히 세 개의 슬라이더입니다. 레이어를 멋지게 꾸미는 비법은 컨트롤 템플릿을 사용하는 것입니다 (여기에서 다시 만들지는 않습니다. 위 URL에서 찾을 수 있습니다). 중 외부 엄지 손가락 드래그로

<Grid VerticalAlignment="Top"> 
    <Border BorderThickness="0,1,0,0" BorderBrush="Green" VerticalAlignment="Center" Height="1" 
      Margin="5,0,5,0"/> 

    <Slider x:Name="LowerSlider" 
      Minimum="{Binding ElementName=root, Path=Minimum}" 
      Maximum="{Binding ElementName=root, Path=Maximum}" 
      Value="{Binding ElementName=root, Path=LowerValue, Mode=TwoWay}" 
      Margin="0,0,0,0" 
      Template="{StaticResource simpleSlider}" 
      /> 

    <Slider x:Name="MiddleSlider" 
      Minimum="{Binding ElementName=root, Path=Minimum}" 
      Maximum="{Binding ElementName=root, Path=Maximum}" 
      Value="{Binding ElementName=root, Path=MiddleValue, Mode=TwoWay}" 
      Margin="10,0,0,0" 
      Template="{StaticResource simpleSlider}" 
      > 
    </Slider> 

    <Slider x:Name="UpperSlider" 
      Minimum="{Binding ElementName=root, Path=Minimum}" 
      Maximum="{Binding ElementName=root, Path=Maximum}" 
      Value="{Binding ElementName=root, Path=UpperValue, Mode=TwoWay}" 
      Margin="20,0,0,0" 
      Template="{StaticResource simpleSlider}" 
      /> 
</Grid> 

, 나는이 말의 엄지 손가락 사이의 공간을 채우기 위해 중앙 엄지 손가락 크기를 조정해야합니다.

코드 뒤에서는 엄지 손가락의 움직임을 잡을 수 있습니다. 중간 슬라이더 컨트롤을 찾을 수는 있지만 프로그래밍 방식으로 중간 슬라이더의 엄지 손가락으로 이동하여 크기를 조절할 수있는 방법을 알 수는 없습니다 두 개의 엄지 손가락 사이의 공간을 채 웁니다.

private void UpperSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e) 
    { 
     Slider slider= (Slider) this.FindName("MiddleSlider"); 
     // how to find the middleSlider thumb so I can set 
     // it's width to fill the space between the outer thumbs 
    } 

어떤 아이디어 주셔서 감사합니다,

미치

Answer 1

이 그것을 수행해야합니다 그런데

var track = (Track)slider.Template.FindName("PART_Track", slider); 
var thumb = track.Thumb; 
thumb.Width = fittingWidth; 

(, 나는 이런 식으로하지 않을 것, 내가 적용됩니다 두 개의 다른 슬라이더에 MultiBinding과 너비를 계산하는 변환기)

Answer 2

private void UpperSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e) 
    { 
     Slider slider = (Slider) FindName("MiddleSlider"); 
     Track track = slider.Template.FindName("PART_Track", slider) as Track; 
     if (track != null) 
     { 
      Rectangle thumbRectangle = track.Thumb.Template.FindName("Rect1", track.Thumb) as Rectangle; 
      if (thumbRectangle != null) 
      { 
       thumbRectangle.Width = CalculateWidth(); 
      } 
     } 
    }