#contents

*Default user interface [#t1698537]
:ファイル名|
foo_ui_std
:概要|
インストーラー同梱のデフォルトの UI。v0.9.5 以降は [[UI Element>User interface#m3a01d25]] を用いたものに変更された。~
UI Elementの追加、Layout編集 > [[UI Element>User interface#m3a01d25]]
:Screenshots|
http://www.foobar2000.org/screenshots ~
ツールバー上を右クリックしてPlayback Order、Seekbarなど表示したいものを選択。Lock the Toolbarでツールバーの固定。~
Default user interfaceのボタンのカスタマイズはボタン上(ツールバー上)右クリック、Customize Buttonsダイアログで行う。~
「Available Commands」から「Current Configuration」に "Add"ボタンをクリックして追加する。~
ボタンは.icoファイルを使用する。"Change Icon..."から。~
[[UI の拡張 - UI Element>http://foobar2000.xrea.jp/index.php?User%20interface#m3a01d25]]
#imgr(./snaps/up1065.png)

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

*Egoh user interface [#x3070e11]
:ファイル名|
foo_ui_egoh / foo_ui_egoh2
:URL|
http://www.geocities.jp/meir/
:ダウンロード (ver.1)|
http://foobar2000.xrea.jp/up/files/up457.zip
:ダウンロード (ver.2)|
http://foobar2000.xrea.jp/up/files/up454.zip
:概要|
シンプルなUI。
//*Egoh user interface [#x3070e11]
//:ファイル名|
//foo_ui_egoh / foo_ui_egoh2
//:URL|
//http://www.geocities.jp/meir/
//:ダウンロード (ver.1)|
//http://foobar2000.xrea.jp/up/files/up457.zip
//:ダウンロード (ver.2)|
//http://foobar2000.xrea.jp/up/files/up454.zip
//:概要|
//シンプルなUI。

*Panels UI [#h7c5a605]
:ファイル名|
foo_ui_panels
:URL|
http://www.hydrogenaudio.org/forums/index.php?showtopic=52465
:概要|
Title Formattingを駆使してパネルを配置する UI。柔軟なUIを作れるのが特徴。~
日本語のようなUnicode環境で問題が出るといわれている。''[[推奨されないcomponent(英語)>http://www.hydrogenaudio.org/forums/index.php?showtopic=44213]]。''~
上記の問題は Microsoft AppLocale Utility を使うことで回避できるかも。(非公式の改造版だがpAppLocaleというのもあり、こちらは起動時のダイアログは出ない。)~
なお、不具合を起こす可能性があるので [[foo_uie_single_column_playlist.dll>#q854efc4]] や [[foo_uie_trackinfo_mod.dll>#l16c0a98]] を導入している場合は外しておくこと。~
''foobar2000 v0.9.5.3 以降には未対応。''
:解説|
[[今日もガクリ('A`)>http://blog.zodiac.vc/?p=55]]~
[[HydrogenAudio Wiki(英語)>http://wiki.hydrogenaudio.org/index.php?title=Foobar2000:Components_0.9/Panels_UI_(foo_ui_panels)]]
//*Panels UI [#h7c5a605]
//:ファイル名|
//foo_ui_panels
//:URL|
//http://www.hydrogenaudio.org/forums/index.php?showtopic=52465
//:概要|
//Title Formattingを駆使してパネルを配置する UI。柔軟なUIを作れるのが特徴。~
//日本語のようなUnicode環境で問題が出るといわれている。''[[推奨されないcomponent(英語)>http://www.hydrogenaudio.org/forums/index.php?showtopic=44213]]。''~
//上記の問題は Microsoft AppLocale Utility を使うことで回避できるかも。(非公式の改造版だがpAppLocaleというのもあり、こちらは起動時のダイアログは出ない。)~
//なお、不具合を起こす可能性があるので [[foo_uie_single_column_playlist.dll>#q854efc4]] や //[[foo_uie_trackinfo_mod.dll>#l16c0a98]] を導入している場合は外しておくこと。~
//''foobar2000 v0.9.5.3 以降には未対応。''
//:解説|
//[[今日もガクリ('A`)>http://blog.zodiac.vc/?p=55]]~
//[[HydrogenAudio Wiki(英語)>http://wiki.hydrogenaudio.org/index.php?title=Foobar2000:Components_0.9/Panels_UI_(foo_ui_panels)]]

--[[Single Column Playlist>Single Column Playlist 解説]]
--[[実際に作ってみる]]
//--[[Single Column Playlist>Single Column Playlist 解説]]
//--[[実際に作ってみる]]

*Func User Interface [#h8fd56a4]
:ファイル名|
foo_ui_func
:URL|
http://blog.99ravens.net/index.php?e=286
:概要|
TFで構成するUI。豊富な拡張関数が利用できる。
//*Func User Interface [#h8fd56a4]
//:ファイル名|
//foo_ui_func
//:URL|
//http://blog.99ravens.net/index.php?e=286
//:概要|
//TFで構成するUI。豊富な拡張関数が利用できる。

*UI の拡張 [#u82c9ab0]

**UI Element [#m3a01d25]
:概要|
v0.9.5 以降の Default UI に導入された。プレイリスト表示部分や Visualization など、メインウィンドウ内に表示される全ての構成要素を指す。なお、Default UI 以外では使用できない。~
まだ少数ではあるが一部のサードパーティ製コンポーネントでは、UI Element と UI Extension で表示可能のものもある。~
以下は Default UI 本体に内蔵されている UI Elements のリスト。~
//あまり自明でないものには簡単な解説を添える。~
>''Containers'' (UI Element を格納する UI Element)
-Playlist Tabs
--Playlist を切り替えるタブ。通常は Playlist Renderer を格納する。
-Splitter (left/right)
--UI Element を左右に二分する。二分された UI Element は左側に配置される。
-Splitter (top/bottom)
--UI Element を上下に二分する。二分された UI Element は上側に配置される。
-Tabs
--UI Element を切り替えるタブ。
//--「F2 キー」や 「タブをダブルクリック」でリネーム、「タブバーの何もないところでダブルクリック」で新規タブの作成、「タブをミドルクリック」でタブの削除。
-Toolbar Header
--メインメニュー (File...//...Help) を除く Toolbar アイテムを格納する。
<
>''Media Library Viewers'' (Media Library を縦覧する UI Element)
-[[Album List>General#j363457f]]
-Media Library Search
--[[Query syntax]] を用いて Media Library 内のトラックを検索する。
<
>''Playback Visualization''
-Oscilloscope
-Peak Meter
-Spectrogram
-Spectrum
-VU Meter
<
>''Playlist Renderers'' (アクティブな Playlist を表示する UI Element)
-Playlist Views
<
>''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>http://foobar2000.xrea.jp/index.php?Run%20service%20%E8%A7%A3%E8%AA%AC#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、WSH Panel Modなど自分だけのLayout選択(組み合わせ)は無限となります。
バージョンが古いかも知れませんが基本は同じですので↓参考にして下さい。~
[[Default/Columns User Interface でカスタマイズする方法>http://foobar2000.xrea.jp/index.php?cmd=read&page=%E8%A7%A3%E8%AA%AC%20%28v0.9.5%29%2F%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%2F04.%20UI%20%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6#abcd54ac]]

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

**UI extension [#hfa7f738]
:概要|
Columns UI の Sidebar と Toolbar の拡張。[[Panels UI>#h7c5a605]] でもこの拡張機能を使うことができる。~
Columns UI 本体に内蔵されている UI extension のリスト
--Menu
--Seekbar
--Volumebar
--Playback buttons
--Playback order
--Spectrum analyzer
--Playlist switcher
:解説|
[[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]]
-[[Browsing Foobar2000 on deviantART>http://browse.deviantart.com/customization/?qh=&section=&q=foobar2000]]
-[[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/]]