永遠少年症候群

永遠少年症候群

KLWPで斜めのプログレスバーも可愛く

 これまで。
 KLWPでプログレスバー表示可愛く
 klwpで斜めのプログレスバーをぴったりおさめる!

 今回は、斜めのプログレスバーにも可愛くハートを動かしたい♡という時の数式になります。
 基本は、真横のプログレスバーのハートを動かした時のようにオフセットに数式を入れる感じ。

アンカーは中央以外で

 アンカーが左中央、中央、右中央の場合、プログレスバーの端からの式でなくなるため一気にややこしくなります。
 名称未設定 2

Xオフセット

 Xオフセットは、横に動かす場合と同じです。
 アンカーが左、バッテリー残量によって動かす場合

Yオフセット

 Yオフセットは角度と底辺がわかっているということでタンジェントを使う。
 アンカーが左上の場合

 中途半端な位置に置きたい場合は、プログレスバーもアイコンもアンカーを四隅にしてYオフセットで調整したら楽。

コンポーネント配布

 こちらでしてます。