KLWPの音楽用プログレスバーにインジケーターを付ける

2021/01/10

klwp-progressbar
音楽の進行状況を視覚的に確認できるプログレスバーに、ちょっとしたインジケーターを付けるだけで、より音楽プレーヤーらしくすることができます。比較的簡単なカスタマイズなのでおすすめです。

そんなプログレスバーにはリニアと円形がありますが、ここでは【 リニア 】スタイルで作成する方法を紹介しましょう。

インジケーター付プログレスバーの作成

アイテムに【 重ねる 】を追加し、その中に次の2点を追加。これらを組み合わせてひとつのオブジェクトとして完成させます。

・ プログレスバー
・ 図形 (円)

プログレスバー

スタイルを【 リニア 】にしサイズを調整したら、【 横幅サイズ 】を覚えておいてください。このあと必要になります。

図形(円)

図形の【 位置 】を以下のように指定して完成です。

基準位置:左中央
余白(左):チェックを入れ数式エディタを有効にし、以下を記述。
$mi(pos)/mi(len)*300$
「300」の数値は例なので、ここには実際のプログレスバーの【 横幅サイズ 】を入れてください。300はデフォルトサイズです。