#author("2021-04-28T17:02:59+09:00","","")
#contents

*Default user interface [#t1698537]
:ファイル名|
foo_ui_std
:概要|
インストーラー同梱のデフォルトの UI。

#imgr(./snaps/default_ui.png);

ツールバー上を右クリックしてPlayback Order、Seekbarなど表示したいものを選択。Lock the Toolbarでツールバーの固定。
#imgr(./snaps/up1297.jpg);

Default user interfaceのボタンのカスタマイズはボタン上(ツールバー上)右クリック、Customize Buttonsダイアログで行う。
「Available Commands」から「Current Configuration」に "Add"ボタンをクリックして追加する。
ボタンは.icoファイルを使用する。"Change Icon..."から。
[[UI の拡張 - UI Element>User interface#m3a01d25]]
#imgr(./snaps/up1065.png);

*Columns UI [#j0e989fc]
:ファイル名|
foo_ui_columns
:URL|
--http://yuo.be/columns.php
--[[Columns UI / Change log:https://github.com/reupen/columns_ui/blob/master/CHANGELOG.md]]
:概要|
カラムごとにソートが可能な高機能 UI。[[UI extension>User interface#hfa7f738]] を追加することで機能を拡張できる。
:備考|
ツールバーのボタンにPNG画像を使用したい場合、上記 URL から libpng13.dll と zlib1.dll をダウンロードして、foobar2000.exe と同じディレクトリに置く。
:解説|
[[Columns UI 解説]]

#imgr(./snaps/quick_setup.png);


*UI の拡張 [#u82c9ab0]

**UI Element [#m3a01d25]

Default User Interface に導入されたプレイリスト表示部分や Visualization など、メインウィンドウ内に表示される全ての構成要素を指す。なお、Default UI 以外では使用できない。
一部のサードパーティ製コンポーネントでは、UI Element と UI Extension で表示可能のものもある。
以下は Default UI 本体に内蔵されている UI Elements のリスト (Default User Interface 0.95)。
//あまり自明でないものには簡単な解説を添える。
>''Containers'' (UI Element を格納する UI Element)
-Playlist Tabs
--Playlist タブ表示。
-Splitter (left/right)
--UI Element を左右に二分する。二分された UI Element は左側に配置される。
-Splitter (top/bottom)
--UI Element を上下に二分する。二分された UI Element は上側に配置される。
-Tabs
--新規にタブを追加。パネルを切り替えるタブ。タブ上マウスホイールでタブが切り替わる。
//--「F2 キー」や 「タブをダブルクリック」でリネーム、「タブバーの何もないところでダブルクリック」で新規タブの作成、「タブをミドルクリック」でタブの削除。
-Toolbar Header
--メインメニュー (File...//...Help) を除く Toolbar アイテムを格納する。
<
>''Media Library Viewers'' (Media Library を縦覧する UI Element)
-[[Album List>General#j363457f]]
-[[Media Library Search>Media Library Search / Playlist Search]]
--[[Query syntax]] | [[TitleFormatting:http://wiki.hydrogenaud.io/index.php?title=Foobar2000:Titleformat_Reference]]を用いて Media Library 内のトラックを検索する。または、新規に条件付きPlaylist (Auto Playlist) を作成する。
<
>''Playback Visualization''
-Oscilloscope
-Peak Meter
-Spectrogram
-Spectrum
-VU Meter
<
>''Playlist Renderers'' (アクティブな Playlist を表示する UI Element)
-[[Playlist View>UI Element (Default UI)/Playlist View]](標準で Default User Interface に導入されている Playlist Viewer)
<
>''Selection Information'' (選択しているトラックの情報を表示する UI Element)
-Album Art Viewer
--Album Art を表示する。対応しているのは、
---選択しているトラックと同じディレクトリにある画像ファイル
---tag(ID3v2, APEv2, MP4 tag) に埋め込まれている画像
--画像のファイル名パターンは、現在以下の通り。
---フロント : folder.*;front.*;cover.*
---バック : back.*
---ディスク : medium.*;media.*;disc.*;cd.*;dvd.*
---v1.0 で表示出来る画像のファイル名パターンなど設定が変更になりました。
---Preferences > Display の ”Album art” でそれぞれ設定します。
---画像が無い、Nocoverは一番下「Stub image path:」にNocover画像パスを入れます。
--アルバムアート画像を埋め込んだファイルの画像を表示するには?また、埋め込んだ画像を消すには?
---[[Embedded pictures in sound files:http://www.hydrogenaudio.org/forums/index.php?showtopic=78600]]
---[[MP3tag:http://www.mp3tag.de/en/]]などを使用するのが、より簡単で確実でしょう。
---[[Run service(foo_run) + MP3tag>Run service 解説#vbeda19b]]
-''Selection Properties''
--Playlist や Album List などで選択しているトラックの metadata を表示する。ただし、編集はできない。
<
>''Utility''
-Console
-Equalizer
-Playlist Manager
--すべての Playlist を表示する。Explorer からの Playlist ファイルの Drag&Drop に対応。
<
>''Default User Interface:List of UI Elements''
-http://wiki.hydrogenaudio.org/index.php?title=Foobar2000:Default_User_Interface:List_of_UI_Elements
<
:Layout Editing Mode|
Main menu > View > Layout > Enable Layout Editing Mode にチェック。変更したいPanel上を右クリック(色が変わる)> Replace UI Element...などを選択。
Splitter (left/right)、Splitter (top/bottom)上を右クリックすれば、Splitter左右、上下が一度に選択出来る。

-"Add New UI Element" UI Elementの新規追加
-"Replace UI Element" UI Elementの置き換え(変更)
-"Cut UI Element" UI Element削除
-"Copy UI Element" UI Elementコピー(貼り付け)
#imgr(./snaps/up1064.png);

Cut UI Element, Copy UI Element, Paste UI Elementを上手に使うのがコツです。Containers グループから「Tabs」を選択し、複数のUI Elementなど表示し使いやすいLayoutを試すといいでしょう。
タブ上右クリック > Rename "<tab 1>" TAB でタブのリネームや移動も可能です。タブ幅はリネーム後、文字数に応じて自動で変わります。

Add New Tab でタブを追加し、限られた範囲で表示出来ない、あるいは自分では普段は表示しないもの、例えば "Selection Properties" "Visualization"の類 "Equalizer" といったものも表示してみると新鮮かも知れません。
また、UI Element (DUI) と UI Extension (CUI)で使用可能となったBiography View、[[JScript Panel>User interface/UI Element#o3a33eaf]](WSH Panel Mod)など自分だけのLayout選択(組み合わせ)は無限となります。

バージョンが古いかも知れませんが基本は同じですので↓参考にして下さい。
-[[Default/Columns User Interface でカスタマイズする方法>解説 (v0.9.5)/チュートリアル/04. UI について#abcd54ac]]

***Default UI 以外のUI Element [#f0d1b0b6]
[[UI Element>User interface/UI Element]] に一覧があります。

**UI extension [#hfa7f738]

Columns UI 本体に内蔵されている UI extension のリスト

-Panels
--Artwork view
--Filter
--Item details
--Item properties
--Playlist switcher
-Playlist Views
--Columns Playlist
--NG Playlist
-Splitters
--Horizontal splitter
--Playlist tabs
--Tab stack
--Vertical splitter
-Toolbars
--Buttons
--Filter search
--Menu
--Playback order
--Seekbar
--DSP preset
--Output device
--ReplayGain mode
--Volume
-Visualsations
--Spectrum analyser

#imgr(./snaps/up1298.jpg);

:解説|
[[Columns UI FAQ>Columns UI FAQ#t00de6f6]]

***Columns UI 以外のUI extension [#d4824887]
[[UI extension>User interface/UI extension]] に一覧があります。

*Show Your foobar2000 [#ba9e5041]

-[[Default UI Gallery - Hydrogenaudio Forums:http://www.hydrogenaudio.org/forums/index.php?showtopic=58574]]
-[[Columns UI appearance - Hydrogenaudio Forums:http://www.hydrogenaudio.org/forums/index.php?showtopic=63984]]
-[[Foobar2000 Skins - Customize.org:http://customize.org/foobar/skins]]
-[[Foobar2000 Customization Topic, For foobar2k lovers :) - Neowin Forums:http://www.neowin.net/forum/topic/175690-foobar2000-customization-topic/]]
-[[last.fm: Foobar Users Discussions:http://www.last.fm/group/Foobar+Users/forum/45322/_/215542]]
-[[Foo-Nation (deviantart Group):http://foo-nation.deviantart.com/]]
-[[fb2k (deviantart Group):http://fb2k.deviantart.com/]]
-[[Br3tt's Gallery (Falstaff):http://br3tt.deviantart.com/gallery/]]
-[[eXtremeHunter1972 Gallery (ExtremeHunter):http://extremehunter1972.deviantart.com/gallery/]]
-[[eole (Columns UI Skin) by colagen:https://www.hydrogenaud.io/forums/index.php?s=&showtopic=63984&view=findpost&p=912994]], [[DeviantArt:http://alibalicou.deviantart.com/art/Eole-608641604]]
-[[Foobar2000 ~ DUI / CUI Skins, Themes by tom2tec:https://audio-file.org/2020/05/01/foobar2000-cui-skins-themes-wallpapers/]]
-[[foobar2000 mobile forum / Forum: Skins:https://hydrogenaud.io/index.php?board=75.0]]