この問題を強調するために使用しているサンプル アプリケーションがあります。
本質的に、コンテンツが大きすぎてボタンに収まらない場合に、コンテンツ (この場合はテキスト) を自動的にスクロールするボタンを作成したいと考えています。これを実現するために、大きすぎてコンテナーに収まらないコンテンツ要素を追加しようとしています。次に、次のコードに示すように、StoryBoard を使用して TranslateTransform をアニメーション化します。
<Button VerticalAlignment="Center" HorizontalAlignment="Center" Width="75">
<TextBlock HorizontalAlignment="Left" Text="LOTS OF TEXT IN A LONG STRING">
<TextBlock.RenderTransform>
<TranslateTransform x:Name="MyTransform"/>
</TextBlock.RenderTransform>
<TextBlock.Triggers>
<EventTrigger RoutedEvent="Window.Loaded">
<BeginStoryboard>
<Storyboard RepeatBehavior="Forever">
<DoubleAnimation From="0" To="-180" Storyboard.TargetName="MyTransform" Storyboard.TargetProperty="X" Duration="0:0:5"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</TextBlock.Triggers>
</TextBlock>
</Button>
空のプロジェクトでこれを実行すると、最初の 3 つの単語だけがスクロールされ、残りのテキストは表示されません。同様に、要素の外側にテキストが表示され、親コンテナーの境界を離れても非表示にはなりません。
残りのテキストを表示し、親コンテナの境界内にないテキストを非表示にするにはどうすればよいですか?