水平塗りつぶしパーセントアニメーションの設定

水平塗りつぶしパーセント アニメーションを備えた要素を設定できます。

ランタイム時にどれだけの要素を塗りつぶすかを決定する式の他にも、以下を指定できます。

• 塗りつぶしの方向： 左から右、または右から左

• 塗りつぶしのない部分の色: 要素の塗りつぶしパーセントが 0 % の場合における背景のスタイル

• 塗りつぶしの向き: 塗りつぶしが要素または画面に相対的かどうかこれは要素の向きが変化したときに塗りつぶしの表示の変化に影響を与えます。塗りつぶしが画面に相対的な場合、要素またはグラフィックを回転すると、塗りつぶしは画面に相対的なままになります。

  

塗りつぶしの向きは、水平塗りつぶしパーセントと垂直塗りつぶしパーセント アニメーションに対する設定で共通です。

また、ランタイム時に水平塗りつぶしパーセント アニメーションがどのように表示されるかをプレビューできます。

水平塗りつぶしパーセント アニメーションを備えた要素を設定するには

1. 要素を選択します。

2. ［スペシャル］メニューで［アニメーションの編集］をクリックします。［アニメーションの編集］ダイアログ ボックスが表示されます。

3. ［追加］アイコンをクリックし、［水平塗りつぶしパーセント］を選択します。水平塗りつぶしパーセント アニメーションが アニメーション リストに追加され、［水平塗りつぶしパーセント］設定パネルが表示されます。

4. 設定を指定します。以下のいずれかまたは複数の手順を実行します。

   • ［アナログ］ ボックスにアナログ値、属性参照、または式を入力します。

   • ［値］-［最小塗りつぶし］ ボックスで、ランタイム時における最小のパーセントの塗りつぶしを引き起こす、アナログ値、属性参照、または式を入力します。

   • ［値］-［最大塗りつぶし］ ボックスに、ランタイム時に最大のパーセントの塗りつぶしを発生させるアナログ値、属性参照、または式を入力します。

   • ［塗りつぶし］-［最小%］ボックスにアナログ値、属性参照、または式を入力して、塗りつぶしの最小パーセントを指定します。

   • ［塗りつぶし］-［最大%］ボックスにアナログ値、属性参照、または式を入力して、塗りつぶしの最大パーセントを指定します。

   • ［色］領域で、以下をクリックします。

     ［塗りつぶしの色］ボックスをクリックし、［塗りつぶしの色の選択］ダイアログ ボックスからスタイルを選択します。これは要素の塗りつぶしスタイルです。

     ［塗りつぶしのない部分の色］ボックスをクリックし、［塗りつぶしの色の選択］ダイアログ ボックスからスタイルを選択します。これは要素の塗りつぶしのない部分のスタイルです。

     詳細については、「スタイルの設定」を参照してください。

5. ［方向］領域で、以下を選択します。

   • ［右］- 左から右に塗りつぶします。

   • ［左］- 右から左に塗りつぶします。

6. ［向き］領域で、以下を選択します。

   • ［グラフィックを基準］- 塗りつぶしは要素を基準して、要素と共に回転します。

   • ［画面に相対的］- 塗りつぶしは画面に相対的に適用され、要素と共に回転しません。

7. ［プレビュー］領域のスライダーを使用して、設定をプレビューできます。スライダーをドラッグして、値がランタイム時の外観に与える影響を確認します。

8. ［OK］をクリックします。