ビジュアルブラシ奇妙な振る舞い

Question

私はテキストボックスと長方形を持っています。テキストボックスの内容が変更されると、四角形が自動的に更新されます。私は視覚的なブラシで矩形塗りつぶしを描いています。問題は、ビジュアルブラシがテキストボックスの実際の外観と一致しないことです。私は何をすべきか。ここに私のコードだ：

Answer 1

がオンに基づいて、あなたのXAMLに小さな変更を加えた：

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"> 
     <TextBox Name="txtBox"/> 

     <Rectangle Height="{Binding ElementName=txtBox, Path=ActualHeight}" 
        Width="{Binding ElementName=txtBox, Path=ActualWidth}"> 
      <Rectangle.Fill> 
       <VisualBrush Visual="{Binding ElementName=txtBox}"/> 
      <Rectangle.Fill> 
      <Rectangle.LayoutTransform> 
       <ScaleTransform ScaleY="-0.75"/> 
      </Rectangle.LayoutTransform> 
     </Rectangle> 
    </StackPanel> 

ここで私は、いくつかの文字を削除し、私が得たものを見て、その後、

を「ビジュアルブラシ」を書きましたあなたのコメントの情報。問題は、TextBlockがBackgroundを持っていないので、VisualBrushがレンダリングのためにTextBlockの可視部分を見つけて、それをBindingsに基づいてTextBlockの全長に伸ばしていると思います。 TextBlockはBackground="Transparent"を持っていますが、それは

を更新せずに、あなたの問題を再現するとき

次のXAMLは、正常に動作します：をチャットでは、OPは、バインディング Widthが文字を削除するときに縮小するから TextBoxを保ったことがわかりました。したがって、 Widthバインディングを削除すると、センタリングの問題も修正されます。

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"> 
    <TextBox Name="txtBox"/> 
    <TextBlock Name="textBlock" Text="{Binding ElementName=txtBox, Path=Text}" 
       Background="Transparent"/> 
    <Rectangle Height="{Binding ElementName=textBlock, Path=ActualHeight}"> 
     <Rectangle.Fill> 
      <VisualBrush Visual="{Binding ElementName=textBlock}"/> 
     </Rectangle.Fill> 
     <Rectangle.LayoutTransform> 
      <ScaleTransform ScaleY="5"/> 
     </Rectangle.LayoutTransform> 
    </Rectangle> 
</StackPanel>