バリアシオンの『ギャンブル 酒 音楽』

foobar2000 『Columns UIのコツ』(設定 カスタマイズ)

2019/09/01 20:00 投稿

  • タグ:
  • 音楽
  • foobar2000
  • PC
  • プレーヤー
  • ColumnsUI





foobar2000」はカスタマイズ性優れた音楽プレーヤーで、
見た目(スキン)を1から自分の好きなように作れたりします
ただ、それなりな専門知識がないと、いきなりは難しいです・・・

その知識ゼロの自分が格闘してみて「こうしたいけど分からなかった」等、
忘備録を兼ねて基本系で出来る事を書いてみようと思います


基本設定こちらより

----------------------------------------------------------------------------------------------
Columns UI」導入



ComponentsColumns UI」をダウンロードしインストール
(インストール方法は基本設定より確認して下さい)

・「Columns UI
  https://yuo.be/columns_ui




・「Columns UI」の日本語化
  https://www.nihongoka.com/jpatch_main/foobar2000-columns-ui/
  上記は「0.5.1」なので「0.5.1」を選択し解凍するだけで日本語化されます



インストールが終わったら、
ツールバー「Library」→「Configure」→ 赤枠Display」を、
クリックすると「Columns UI」を選択できるようになります

最初は「どんなレイアウトにする?」みたいなポップが出ますので、
まずは適当に選んで下さい



----------------------------------------------------------------------------------------------
アルバムを「発売順(年代順)」に並べる(ソート)



Columns UI」をイジる前に個人的に非常に気になる点からw

foobar2000は基本的に、
AZ(漢字)」という順にソートされてます
アーティスト名等はそれで特に問題ないかと思いますが、
同アーティストの「アルバム単位は発売順」に並べたい所ですよね?


(デフォだとアルファベット順・・・)




Default UI

Configure」→ 赤枠Media Library」→ Album List」をクリック
さらに「by artist」横の「謎の文字列w」をクリック


すると、このように表示されてると思います
%<artist>%|%album%|[[%discnumber%.]%tracknumber%. ]
[%track artist% - ]%title%
(ここをイジる際は念の為、メモ帳等に元文をコピペしてきましょう)

上記の文に赤文字の部分を追加します(コピペして頂いてもOK)

%<artist>%|['['%date%']']  %album%|[[%discnumber%.]
%tracknumber%. ][%track artist% - ]%title%

追加したら下にある「OK」で終了


発売順に並びました!


記号を入れたくない場合は、%date%だけで結構です
また他記号(全角でも機種依存文字でもスペースも認識)も使えますので、
赤部分はお好みで自由に変えて下さい
['['%date%']']

今は「by artist」でやりましたが、他の「by ○○」も同じ要領です



Columns UI




追加ファイルのソート単位」横の文字列をクリックし赤文字を加えて下さい
(こちらもコピペして頂いてOK)

%album artist% - %date% - %album% - %discnumber%
- %tracknumber% - %title%


OK」をクリックし、一旦foobar2000を閉じ再び立ち上げると、
NG Playlist内」は発売順ソートされます


----------------------------------------------------------------------------------------------
○基本的なColumns UI」の作り方



自分がどのように表示させたいか?の「大枠」をまず決めます
最初はザックリで良いので基本的なモノを作ってみて下さい


ツールバー「Configure」より赤枠のように進んで下さい
(最初は下にある分割幅の数値を少し上げておいて下さい)



赤枠
右クリックし「Change base」→「Spritters」→
horizontal Spritter vertical Spritter」の、どちらかを選択



horizontal Spritter
  ベースは「枠」



vertical Spritter  ベースは「




上記、画像例のように「3段表示したい(パネルも同じ)」とします

赤枠右クリックし、
Insert panel」→「Spritters」→「horizontal (縦)か vertical(横) 」を、
連続して3回入力して下さい

すると、このように表示されると思います(下画像は横枠3段
縦枠にしたい場合は逆で「Horizontal」→「Vertical×3回」



これでどちらかの3段出来た形になり、次に各枠に表示したいパネルを入れます

赤枠右クリックし、
Insert panel」→「Toolbars」→「MenuButtons」をまず入れましょう

これを入れないと「Library(MenuやToolbar)消えた!!」と焦ります
(自分もやらかしてググるw)
ショートカットキー「CtrlP」で表示出来ますのでご安心を



このようになると思います



以下、この要領で表示させたいパネルを各段に入れていきます
Insert panel Panels○○




さらにこのようにすると、1つの仕切る事も可能です






大体決まったら「キャプション表示」のチェック外します
(各枠と各パネルごとにあり)


各チェックを外すと、このようにスッキリします



あとは「枠の境目」でマウスを合わせドラッグで各パネルのサイズ調整をし、
最初の分割幅を「0」にすると無駄な線や表示はほぼ全部消えます



基本的な作り方の流れは以上のようになります

冒頭から分かりにくいかも知れませんがw、
目的の大枠を作ってみて下さい

----------------------------------------------------------------------------------------------
導入した「Components



「Columns UI」にも無数の「Components(プラグイン)」用意されてます
とりあえず自分が入れたモノを紹介&解説します

何とか自力で作ったスキンw
テーマ操作性度外視アルバムアートは極力大きくコンポ風に)





Coverflow(「Coverflow NG Playlist」ともに連動します)
 https://www.foobar2000.org/components/view/foo_chronflow
(自分のCDラックを見てるよう&スクロールもするカッコ良さw)



ソート(Coverflow内を発売順にソート)


赤枠 チェック外す
青枠 %Date%を追加(冒頭にやったソート方法と同じです)


Coverflow内に「アルバム情報等を表示する or 表示しない


赤枠 表示を出したい
   「Show Album Title」のチェック入れ
   その下にある文字列をデフォでも任意のモノでも(表示方法は下記参照)
   「PositionColorFont」で表示したい場所文字の変更

   「表示を出さない
   「Show Album Title」のチェック外す
   
青枠 Coverflowの背景色の変更


・表示パターン


上記以外にも数パターン用意されてます
お好みなモノを選択して「Compile/Apply」クリックで変更されます



analog VU meter
(入力レベルに応じてコーンが振動するニクい演出もw)


申し訳ないですが、こちらは「analog VU meter」でググって下さい
導入方法から丁寧に解説されてるブログ様がすぐにヒットするかと思います



Peakmeter Spectrum
 
https://hydrogenaud.io/index.php?topic=117189.0;prev_next=next
(何かしらのメーターがあるとカッコイイというか安心w)



パネル上で、右クリック→「Preferences」で設定画面


 側の小さいメーター
 側の大きいメーター
   各「Options」よりサイズ等の変更をして下さい

(デフォルトで)チェック入ってる項目で、
   色の所をクリックで色パネルが開きますのでお好みな配色で
   また、チェックが入ってない所にチェックを入れると細分化も可能



Panel Stack Splitter
 https://foo2k.chottu.net/



「カスタム中のカスタム」が出来るというか、
パネル自体1から作れるComponentsです(ただしプログラムが作れる人限定)

自分の目的は「背景色統一&画像挿入」する為です
この部分だけ(ツールバー)、これを導入しないと「背景色固定」なので



Panel Stack Splitter」をクリック→「設定
もしくはパネル上で右クリック→「Splitter Settings



赤枠の通りに進んで行き、
Change colour」をクリックすると色パネルが開きます
これで背景色は変更できます

またその下にある「Use background image」にチェック入れ
右にある「・・・」をクリックするとエクスプローラーが立ち上がりますので、
お好みな画像を挿入出来たりします



サイズ調整は各項目の赤枠の数字の上げ下げで調整(数値を直接入力で)



----------------------------------------------------------------------------------------------
Item details




デフォルトパネルですが、自分好みに表示出来ます
(説明が前後して申し訳ない・・・w)




下記のように進んで下さい(パネル上で右クリック→「Options」)



この画面になるかと思います
またまた素人が触れてはいけなさそうな「怖い部分」をイジりますw


赤枠上段部分そのままで、
$set_font(%default_font_face%,$add(%default_font_size%,4),)
その後ろに自分が表示させたいモノ編集または書き加えます


例えば、このように表示したいとします
アーティスト名改行アルバム名 改行発売年


$set_font(%default_font_face%,$add(%default_font_size%,4),)
[%artist%]$crlf()['「'%album%'」']$crlf()[%date%]


$crlf()改行」コマンドで、「曲名%title%で出せます

その他の表示方法は下記の「Title Formatting」よりありますので、
あとは皆さんが表示させたいモノを自由に入力してみて下さい



カウンター(時計)」を表示したい(デジタル風)



最初に「デジタル フォント」でググるとヒットすると思いますので、
そのサイトから気に入ったフォントを「OSインストール」しておきます
(「デジタル風」にしなくても良い方は飛ばして下さい)


赤枠
カラーコードを生成」をクリックで色パネルが開きますので、
   お好みの色を指定すると横の文字列が変わると思います
   その文字列を画像のようにコピペします(赤線

青枠フォントコードを生成」をクリックで、
   先程インストールした「デジタル風フォント」が候補にあると思います
  (もしくは、お好みのフォントを指定)
   選択すると上記同様、右の文字列が変わりますのでコピぺします(青線

Colours and Fonts」で指定している、
  色やフォントで問題ない場合は、この項目は必要ありません
 「この部分だけ色やフォントを変えたい」という場合はこの方法で変更して下さい


その後ろに、カウンターを表示させる「文字列」を加えます


・「再生中曲カウンターだけ」を表示する
  [%_time_elapsed%]

再生中曲カウンター トータルタイム」を表示する
  [%_time_elapsed% ]%_length% ]
 (「」の部分はお好みな記号で)


-----------------------------------------------------------------------------------------------
Playlist view(NG Playlist)のColumns内」に追加表示



アルバムアートと曲タイトル等が出るパネル




またまた例のように進んで頂き「新規追加」で「Columns」に追加します
(もしくは使わないモノを編集してもOK)



・「再生中マーク」を表示したい


新規追加(名前は適当でOK)」したら画面右「カラムの詳細」の所、
Scripts」→「Display」→赤文字コピペ
 $if(%_isplaying%,, ) 
(「」の部分はお好きな記号に)


ビットレート」を表示したい


$info(bitspersample)bit

これは表示方法が分かりづらかったので



これ以外の「他コマンド」を表示させるには、このサイトをご覧下さい
foobar2000Title Formatting
 https://tnetsixenon.xrea.jp/title_formatting.html

 その他を表示させたい場合は、
Remapped metadata fields
Technical information fields
 を見て下さい
(それ以外は自分には理解出来ない項目ばかりw)




もうお分かりかも知れませんが、表示させるコマンドはほぼ共通です

要は「Playlist view(NG Playlist)のColumns内」に表示させるか、
別途「Item details」を使って大きく表示させたいかの問題です
はたまた「Coverflow」に担当させたり

個別(パネルごとに)で「フォント」を変更したい場合は、
カラーコードフォントコードを生成」を流用して応用できます


あとは皆さんのアイディア次第です!

----------------------------------------------------------------------------------------------
ボタン(アイコン)」をカスタマイズ






アイコンicon」でググって頂き気に入ったモノをダウンロード
もしくは「Snipping Tool(Windows付属のアクセサリー)」や、
他キャプチャソフトを使い画像を予め用意しておいて下さい

図のように進んで頂くか、
パネル上の「ボタン部分を右クリック」→「buttons Options



するとこの画面に


赤枠
 各項目をクリックし「変更」より各種ボタンに与える役割変更して下さい
(その上の「追加削除」で「ボタンの追加削除」が可能)

 自分は「Menu(ツールバー)」の表示は邪魔なので、
 頻繁に使う機能はこのボタン内に割り振ってます
 必要以上に細かく指定出来ますので確認してみて下さいw

青枠
画像:」横を「Custom」にして、
パス:」横の「参照」をクリックするとエクスプローラーが開きます

 作成しておいた画像を選択すれば、
 例のような「オリジナルアイコン」が表示出来るようになります









かなり長くなりましたが、
自分だけの「かっこいい良いスキン」を是非作ってみて下さい!

このブログが何かしらの参考になれば幸いです


コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事