Foobar2000:Components/Columns UI (foo ui columns): Difference between revisions

From Hydrogenaudio Knowledgebase
VisualWikitext
(Remove out-of-date information about libpng and zlib)
 
(42 intermediate revisions by 10 users not shown)
Line 1: Line 1:
{{stub}}
{{Foobar Component Infobox
| name                = Columns UI
| screenshot          = [[Image:Foobar2000-ColumnsUI.png|250px]]
| caption              = Columns User Interface
| module_name          = foo_ui_columns
| developer            = Reupen Shah (musicmusic)
| repository          = [https://github.com/reupen/columns_ui GitHub]
| released            = {{start date and age|2004|01|21}}
| released_ref        =
| stable_release      = 2.1.0
| stable_release_date  = 2023-09-30
| preview_release      =
| preview_release_date =
| foobar2000_minimum  = 1.6
| foobar2000_ui_module =
| use                  = UI
| license              = LGPLv3<ref>[https://github.com/reupen/columns_ui/blob/master/README.md columns_ui/README.md at master · reupen/columns_ui], accessed 2015-06-28</ref>
}}
'''Columns UI''' is a interface style important to [[foobar2000]]. It has its own plugin system and these plugins extend the user interface, used to customize the layout of foobar with few limitations.


=Description=
It includes the following features:


A user interface for the foobar2000 audio player which includes the following features:
* Columns in the default view of the playlist.
* Built-in volume control toolbar.
* Interchangeable elements through the use of panel and toolbar components.


* Columns in the default view of the playlist
==Layout==
* Built-in volume control toolbar
* Interchangeable elements through the use of panel and toolbar components
 
=Layout=
The definite most important aspect of Columns UI! Each item that is added is hereforth refered to as an '''object'''.
The definite most important aspect of Columns UI! Each item that is added is hereforth refered to as an '''object'''.


==Presets==
===Presets===
'''Presets''' are used to change into a different type of layout. For example, a user might have one layout to choose songs from a playlist, one to change the actual playlist, and another to watch the lyrics. Maybe I will upload an image later.
'''Presets''' are used to change into a different type of layout. For example, a user might have one layout to choose songs from a playlist, one to change the actual playlist, and another to watch the lyrics. Maybe I will upload an image later.


==Objects==
===Objects===
===Layout===
====Layout====
The only existing layout option is Tabbed Panel Stack Mod, used for foo_uie_tabs. Tabs in this case function the same way they do in Firefox, and each tab corresponds to a different layout. In order to set that layout, '''each child object is a new tab'''.
The only existing layout option is Tabbed Panel Stack Mod, used for foo_uie_tabs. Tabs in this case function the same way they do in Firefox, and each tab corresponds to a different layout. In order to set that layout, '''each child object is a new tab'''.


===Panels===
====Panels====
Panels are the most important thing you will use. Think blocks, you can stack them, place them next to each other, and set them up however you like.
Panels are the most important thing you will use. Think blocks, you can stack them, place them next to each other, and set them up however you like.


The best examples are Album  
The best examples are Album Art Panel and Track Info.


 
====Playlist Views====
===Playlist Views===
*Default Playlist
*Default Playlist
*Columns Playlist
*Columns Playlist
*Single Column Playlist


===Splitters===
====Splitters====
'''Splitters''' are used to place more than one object inside any given place.


  |- Horizontal Splitter
  |- Horizontal Splitter
Line 44: Line 59:
Makes A on top of B
Makes A on top of B


===Toolbars===
Playlist Tabs places whatever child object contained inside a group of tabs. Those tabs are always the loaded playlists used by the player.


===Visualizations===
====Toolbars====
=====Buttons=====
WARNING: If images disappear when you use new button layouts from the forum, you are missing two dependencies: zlib1.dll and libpng13.dll. They have to be copied into the main foobar2000 directory, not into the components directory!
You can download them from the official homepage at [http://yuo.be/download/libpng128-zlib123.7z]
 
=====Menu=====
=====Playback Order=====
=====Seekbar=====
=====Volume=====
 
====Visualizations====
Spectrum Analyzer is the only one that I have. Well, if a visualization is next to a toolbar, it will fit inside of the toolbar. If it's inside of a splitter or next to panels, then it will act as a panel.
Spectrum Analyzer is the only one that I have. Well, if a visualization is next to a toolbar, it will fit inside of the toolbar. If it's inside of a splitter or next to panels, then it will act as a panel.


==Example Layout==
===Example Layout===


=Playlist Switcher=
==Playlist Switcher==


Switch playlist, not very featureful.
Switch playlist, not very featureful.


=Columns Playlist=
==Columns Playlist==


This Playlist View (like Single Column Playlist or Default) displays different variables in columns.
This Playlist View (like Single Column Playlist or Default) displays different variables in columns.


==Columns==
===Columns===


==Global==
===NG Playlist===
Allows playlist to be sorted in groups
 
===Playlist filters===
* Playlist filters allow one to hide on playlists/show only on playlists/show on all playlists according to the playlist filter specified.
* Separate multiple playlists by a semi-colon and you can use wildcards and ?s.
 
===Global===
Use this panel to configure the whole section of Columns Playlist.
Use this panel to configure the whole section of Columns Playlist.


===Variables===
====Variables====
Variables are used for...something.
Variables are used for...something....
 
====Style====
Style refers to each unconfigured style of column.


==See also==
* [[:Category:Foobar2000 Columns UI components|foobar2000 Columns UI components]] (category page)


===Style===
==References==
Style refers to each unconfigured style of column.
<references />


=Link=
==External links==
* [http://yuo.be/columns.php Official Website]
* {{ha|https://hydrogenaud.io/index.php/topic,28647.0.html}}
* [http://music.morbo.org/wiki/columns_ui:columns_ui Official Wiki]
* [https://yuo.be/columns_ui Official Columns UI website]
* [http://www.hydrogenaudio.org/forums/index.php?showtopic=28647 Discussion thread]
* [https://wiki.yuo.be/columns_ui:start Official Columns UI wiki]

Latest revision as of 20:12, 15 September 2024

Columns UI

Columns User Interface
Developer(s) Reupen Shah (musicmusic)
Repository GitHub
Release information
Initial release January 21, 2004; 20 years ago
Stable release 2.1.0 (September 30, 2023)
Preview release
foobar2000 compatibility
Architecture {{{foobar2000_architecture}}}
Minimum version 1.6
Maximum version {{{foobar2000_maximum}}}
UI module(s) N/A
Additional information
Use UI
License LGPLv3[1]
Discussion thread {{{discussion_thread}}}
View all components

Columns UI is a interface style important to foobar2000. It has its own plugin system and these plugins extend the user interface, used to customize the layout of foobar with few limitations.

It includes the following features:

  • Columns in the default view of the playlist.
  • Built-in volume control toolbar.
  • Interchangeable elements through the use of panel and toolbar components.

Layout

The definite most important aspect of Columns UI! Each item that is added is hereforth refered to as an object.

Presets

Presets are used to change into a different type of layout. For example, a user might have one layout to choose songs from a playlist, one to change the actual playlist, and another to watch the lyrics. Maybe I will upload an image later.

Objects

Layout

The only existing layout option is Tabbed Panel Stack Mod, used for foo_uie_tabs. Tabs in this case function the same way they do in Firefox, and each tab corresponds to a different layout. In order to set that layout, each child object is a new tab.

Panels

Panels are the most important thing you will use. Think blocks, you can stack them, place them next to each other, and set them up however you like.

The best examples are Album Art Panel and Track Info.

Playlist Views

  • Default Playlist
  • Columns Playlist

Splitters

Splitters are used to place more than one object inside any given place. 

|- Horizontal Splitter
|--- Panel A
|--- Panel B

Makes A to the left of B 

|- Vertical Splitter
|--- Panel A
|--- Panel B

Makes A on top of B

Playlist Tabs places whatever child object contained inside a group of tabs. Those tabs are always the loaded playlists used by the player.

Toolbars

Buttons

WARNING: If images disappear when you use new button layouts from the forum, you are missing two dependencies: zlib1.dll and libpng13.dll. They have to be copied into the main foobar2000 directory, not into the components directory! You can download them from the official homepage at [1]

Menu
Playback Order
Seekbar
Volume

Visualizations

Spectrum Analyzer is the only one that I have. Well, if a visualization is next to a toolbar, it will fit inside of the toolbar. If it's inside of a splitter or next to panels, then it will act as a panel.

Example Layout

Playlist Switcher

Switch playlist, not very featureful.

Columns Playlist

This Playlist View (like Single Column Playlist or Default) displays different variables in columns.

Columns

NG Playlist

Allows playlist to be sorted in groups

Playlist filters

  • Playlist filters allow one to hide on playlists/show only on playlists/show on all playlists according to the playlist filter specified.
  • Separate multiple playlists by a semi-colon and you can use wildcards and ?s.

Global

Use this panel to configure the whole section of Columns Playlist.

Variables

Variables are used for...something....

Style

Style refers to each unconfigured style of column.

See also

References

  1. ↑ columns_ui/README.md at master · reupen/columns_ui, accessed 2015-06-28

External links

Retrieved from "https://wiki.hydrogenaud.io/index.php?title=Foobar2000:Components/Columns_UI_(foo_ui_columns)&oldid=38197"