WPF:ラインパス/ストロークの末尾にオブジェクト/シェイプを配置する方法は?
質問
私は特定のラインパスの末尾にオブジェクト(円)を置くことができる方法があるのならば、私はちょうど頼むWANNAます。
これと同様に、
--------------------------------------------O
Start End
今、私はラインをトレースするために、次のコードを持っています:
<Grid x:Name="LayoutRoot" >
<Path Stroke="Red" StrokeThickness="4" x:Name="path4" Data="{Binding MyProperty1}" >
<Path.StrokeDashArray>
<System:Double>500</System:Double>
<System:Double>1000</System:Double>
</Path.StrokeDashArray>
</Path>
</Grid>
私の経路のデータ(例えば、M532,668 L523,695 361663 101678 117638)が変化する場合。
このような私のアニメーションルックス...
<Storyboard x:Key="Story1" RepeatBehavior="Forever">
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Storyboard.TargetName="path1"
Storyboard.TargetProperty="(Shape.StrokeDashOffset)">
<SplineDoubleKeyFrame KeyTime="00:00:00" Value="500"/>
<SplineDoubleKeyFrame KeyTime="00:00:08" Value="0"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
任意の提案ですか?
解決
あなたがこれを行うことができます方法の少なくともいくつかあります。これはおそらく最高のは、ラインへの円の関係に依存します。
円が概念的線と同じ形状の一部である場合、行の終わりに楕円(ARC)を含むようにパスを変更します。これは、いずれかの端部に円を追加することによって、またはPathGeometryをする別の図を追加することによって、経路データを変更することによって行うことができる。
円が概念的に独立した成分であり、あなただけの行に次のコンポーネントは、あなただけ水平にその向きセットでのStackPanelを使用することができること場所にしたい場合:
<StackPanel Orientation="Horizontal">
<Path /> <!-- The line -->
<Ellipse /> <!-- The circle -->
</StackPanel>
(注:一部のシナリオでは、あなたがEndLineCapプロパティを使用してこれを行うことができますが、円はストロークの太さよりも大きくなりたいように、それはこのケースでは動作しませんが見えるのでかかわらず、そのラインキャップは常に同じです。ラインとして厚さ)
所属していません StackOverflow