여백 속성을 바인딩 할 수 없습니까?

Question

나는 주어진 순간에 오직 하나의 필드 만 볼 수있는 일종의 애니메이션 필름 스트립을 만들려고합니다. 카메라의 필름 스트립과 마찬가지로 - 현재 한 개의 필름 필드 만이 렌즈 아래에 배치되어 있으며 조명이 꺼질 준비가되어 있습니다. 나는 다른 그리드와 그리드로 그것을 달성하려고합니다. 아래의 코드에서 "필름 스트립"을 pageContainer라고합니다. 코드 뒤에 나는 pageContainer 그리드의 Margin 속성을 바꾸는 애니메이션을 만든다. 완벽하게 작동합니다. pageContainer는 원하는대로 왼쪽 또는 오른쪽으로 멋지게 슬라이딩합니다. 예를 들면 다음과 같습니다. 2 여백은 (0,0,0,0) 대신 (-270,0,0,0)으로 설정됩니다. 그러면 pageContainer가 왼쪽으로 이동하고 첫 번째 필드 대신 두 번째 필드 만 표시됩니다.

그러나 UI 전체 크기 조정을 시작하자마자이 메커니즘은 작동을 멈추고 사용자는 현재 페이지가 아닌 두 페이지 (필드) 사이의 경계를 볼 수 있습니다. 내 pageWidthConverter에 중단 점을 넣으면 전체 UI의 크기를 조정할 때 항상 중단됩니다. pageMarginConverter에 다른 중단 점을 넣으면 크기 조정 중에 절대 중단되지 않습니다. 왜? Midth 속성을 BackgroundRectangle ActualWidth에 종속적으로 만들려면 Width 속성을 사용하는 것과 비슷하게 만들고 싶습니다. 하지만 그건 효과가 없습니다. 창 크기를 조정하는 동안 Width가 동적으로 설정되는 이유는 무엇입니까?

추 신 : 여백을 사용하는 대신 TranslateTransform을 사용할 수 있습니다. 나는 시도했지만 성공하지 못했습니다.

아무도 도움을받을 수 있다면 매우 높이 평가 될 것입니다.

건배 한스

 ... <Grid Grid.Row="3" Grid.Column="1" Margin="0,-4,0,0" ClipToBounds="True"> 
       <Grid x:Name="pageContainer" 
         Width="{Binding Converter={StaticResource pageWidthConvertor}, ElementName=BackgroundRectangle, Path=ActualWidth}" 
         Margin="{Binding Converter={StaticResource pageMarginConvertor}, ElementName=BackgroundRectangle, Path=ActualWidth}" > 

        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="{Binding ElementName=BackgroundRectangle, Path=ActualWidth}"/> 
         <ColumnDefinition Width="40"/> 
         <ColumnDefinition Width="{Binding ElementName=BackgroundRectangle, Path=ActualWidth}"/> 
         <ColumnDefinition Width="40"/> 
         <ColumnDefinition Width="{Binding ElementName=BackgroundRectangle, Path=ActualWidth}"/> 
         <ColumnDefinition Width="40"/> 
         <ColumnDefinition Width="{Binding ElementName=BackgroundRectangle, Path=ActualWidth}"/> 
         <ColumnDefinition Width="40"/> 
        </Grid.ColumnDefinitions> ... 

Answer 1

당신이 당신의 여백이 두 가지에 의존해야처럼 소리 (1) 당신이 원하는 오프셋 (2) 귀하의 UI에 대한 순서대로 ActualWidth의 일부 비율, 규모 좋게. MultiBinding을 사용해 보셨습니까? 다음 문서에서보세요 :

는

http://www.codeproject.com/KB/WPF/WpfWinFormsBulletGraphs.aspx#layout

이것은 컨트롤의 크기에 따라 약간의 가치를 확장하는 멀티 바인딩을 사용합니다.

class ScalingMultiConverter : IMultiValueConverter 
{ 
    public object Convert(object[] values, Type targetType, 
      object parameter, CultureInfo culture) 
    { 
     if (!ValuesPopulated(values)) 
      return 0.0; 

     double containerWidth = (double)values[2]; 
     double valueToScale = (double)values[1]; 
     double maximum = (double)values[0] ; 

     return valueToScale * containerWidth/maximum; 
    } 

    private bool ValuesPopulated(object[] values) 
    { 
     foreach (object value in values) 
     { 
      if (value==null || value.Equals(DependencyProperty.UnsetValue)) 
       return false; 
     } 
     return true; 
    } 

    public object[] ConvertBack(object value, Type[] targetTypes, 
       object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

그리고 그것의 사용의 예 :

<Rectangle.Width> 
    <MultiBinding Converter="{StaticResource ScalingMultiConverter}"> 
     <Binding Path="(c:BulletGraphWithLegend.GraphRange)"/> 
     <Binding Path="(c:BulletGraphWithLegend.FeaturedMeasure)"/> 
     <Binding Path="ActualWidth"/> 
    </MultiBinding> 
</Rectangle.Width> 

당신이 만들 수있을 것입니다 당신이 원하는 오프셋이 걸립니다 멀티를 결합하고 ActualWidth과로 변환 여기에 다 구속력 여백.

Canvas에서 격자를 래핑하고 Canvas.Left 속성을 통해 배치하는 것이 좋습니다. 이렇게하면 변환기에 두께를 구성하지 않아도됩니다.