WPFの部分影付き円タイマー

Question

アニメーションジオメトリのC＃での描画はどこから始めることができますか？私は、部分的に影の付いた円を描くことによって、一種のカウントダウンタイマーを描きたいと思います。開始時に円は完全に陰影付けされ、75％の円の3/4が網掛けされ、0では完全に網掛けされません。私は本当にこのようなものから始めるべきか分からない。

あなたがまだ必要なものを理解できない場合、ゲームの多くはこの種のアニメーションを使用してアイテムやスキルの「クールダウン」を表現します。時計の周りを歩いている秒針のように、その下にあるものを明らかにする。

WPFは私のターゲットアプリケーションですが、GDI APIを使用する必要があると思います。

Answer 1

あなたはここに、あなたのパイのようなグラフィックを作成する方法についての描画例から始めることができます：彼らはStreamGeometryContextを使用するように

http://www.codeproject.com/KB/WPF/PieChartDataBinding.aspx

それはLineToとArcToとともに、見えます。

あなたは、そのグラフィックのプロパティにアニメーションを適用する上で仕事ができるので、「スライス」は、アーク長変更することで、時間の経過とともに大きくなります：

http://msdn.microsoft.com/en-us/library/ms752312.aspx#applyanimationstoproperty

あなたは、すべてこれをラップする可能性をUserControlでカスタム依存プロパティを使ってうまくいけば、アプリケーション全体でこれを再利用することができます。

を編集してください：あなたは、World of Warcraftのような陰影のついたパイを意味すると思っていました。あなたが望むものは、実際にはもっと簡単です。あなたはグラフィカルなアプローチをとることができます（実際には不透明なアプローチをしている場合は、上の黒丸が必要です）。

Answer 2

はい、WPFではとても簡単です。 サークルの上に別のサークルを作成し、そのサークルを黒くして、タイマーに時間の経過とともに（または何でも）トップサークルの不透明度を1から0に更新させます。

これは「簡単な」方法です。より便利な「WPFスタイル」のアプローチには、バインディングや可能性としてはコンバージョンが含まれます。円の不透明度を値コンバーターでカスタム値にバインドします（またはその値を減らします。方法）。

希望するものを選択してください。彼らは両方とも動作します。