垂直塗りつぶしパーセントアニメーションの設定
- Last UpdatedOct 08, 2024
- 1 minute read
垂直塗りつぶしパーセント アニメーションを備えた要素を設定できます。
ランタイム時にどれだけの要素を塗りつぶすかを決定する式の他にも、以下を指定できます。
-
塗りつぶしの方向: 下から上、または上から下
-
塗りつぶしのない部分の色: 要素の塗りつぶしパーセントが 0 % の場合における背景のスタイル
-
塗りつぶしの向き: 塗りつぶしが要素または画面に相対的かどうかこれは要素の向きが変化したときに塗りつぶしの表示の変化に影響を与えます。塗りつぶしが画面に相対的な場合、要素またはグラフィックを回転すると、塗りつぶしは画面に相対的なままになります。

塗りつぶしの向きは、水平塗りつぶしパーセントと垂直塗りつぶしパーセント アニメーションに対する設定で共通です。
垂直塗りつぶしパーセント アニメーションを備えた要素を設定するには
-
要素を選択します。
-
[スペシャル]メニューで[アニメーションの編集]をクリックします。[アニメーションの編集]ダイアログ ボックスが表示されます。
-
[追加]アイコンをクリックし、[垂直塗りつぶしパーセント]を選択します。垂直塗りつぶしパーセント アニメーションが アニメーション リストに追加され、[垂直塗りつぶしパーセント]設定パネルが表示されます。
-
[アナログ] ボックスにアナログ値、属性参照、または式を入力します。
-
[値]-[最小塗りつぶし]ボックスで、ランタイム時における最小のパーセントの塗りつぶしを引き起こす、アナログ値、属性参照、または式を入力します。
-
[値]-[最大塗りつぶし]ボックスで、ランタイム時における最大のパーセントの塗りつぶしを引き起こす、アナログ値、属性参照、または式を入力します。
-
[塗りつぶし]-[最小%]ボックスで、塗りつぶしの最小パーセントを指定する、アナログ値、属性参照、または式を入力します。
-
[塗りつぶし]-[最大%]ボックスで、塗りつぶしの最大パーセントを指定する、アナログ値、属性参照、または式を入力します。
-
[色]領域で、以下をクリックします。
-
[塗りつぶしの色]ボックスをクリックし、[塗りつぶしの色の選択]ダイアログ ボックスからスタイルを選択します。これは要素の塗りつぶしスタイルです。
-
[塗りつぶしのない部分の色]ボックスをクリックし、[塗りつぶしの色の選択]ダイアログ ボックスからスタイルを選択します。これは要素の塗りつぶしのない部分のスタイルです。
詳細については、「スタイルの設定」を参照してください。
-
-
[方向]領域で、以下を選択します。
-
[上] - 下から上に塗りつぶします。
-
[下] - 上から下に塗りつぶします。
-
-
[向き]領域で、以下を選択します。
-
[グラフィックを基準]- 塗りつぶしは要素を基準して、要素と共に回転します。
-
[画面に相対的]- 塗りつぶしは画面に相対的に適用され、要素と共に回転しません。
-
-
[プレビュー]領域のスライダーを使用して、設定をプレビューできます。スライダーをドラッグして、値がランタイム時の外観に与える影響を確認します。
-
[OK]をクリックします。