- foobar2000
- Инструменты пользователя
- Инструменты сайта
- Содержание
- Album List \ Album List Panel
- Описание
- Настройки
- General
- Advanced
- Behaviour (поведение)
- Редактирование интерфейса Columns UI в Foobar2000
- Кастомизация Columns UI и странная логика разработчиков
- Расчистка элементов интерфейса готового шаблона под свой.
- Сборка желаемого интерфейса.
- Оптимизация рабочей области интерфейса.
foobar2000
Инструменты пользователя
Инструменты сайта
Содержание
Album List \ Album List Panel
Описание
Album list и Album list Panel — это компоненты для отображения содержимого медиабиблиотеки в древовидной структуре. Album list panel отличается от Album list тем что является панелью для ColumnsUI, в то время как Album List — отдельным окном.
Настройки
General
Views
Здесь вы можете указать порядок построения дерева.
Название : первый уровень | второй уровень | третий |…| последний
Название — это название сортировки, которое будет отображаться в меню N-ый уровень — выражение вычисляемое для каждого трека при построении дерева. Здесь могут использоваться теги и функции описанные в описании синтаксиса. Все треки для которых выражение возвращает одинаковую строку объединяются в одну ветку, затем вычисление переходит к следующему уровню ветвления. Например,
Создаст дерево вида pre > — A — Aerosmith + 1973. Aerosmith + 1974. Get Your Wings + Unknown Album + Aborym + Annihilator + B + C / pre > .
Создаст дерево вида pre > — Hard Rock — Aerosmith + 1973. Aerosmith + 1974. Get Your Wings + Unknown Album + Alice Cooper + Heavy Metal / pre >
double click action — событие проискодящее при двойном щелчке мышью
middle click action — событие происходящее при щелчке средней кнопкой мыши
Auto send to playlist — отправлять в плейлист указанный в этой строке при выделении ветки
Advanced
Apperance — настройка внешнего вида
Show sub-item counts — показывать количество под-веток
Use custom colors — изменить цвета по-умолчанию
Show items indexes — показывать индексы
Show root node — показывать корневую ветку
Use custom items padding — изменить расстояние между строками
Use custom indentation — изменить расстояние отступов
Font — шрифт
Window frame style — стиль границ окна
Behaviour (поведение)
Autoplay on send — автоматическое включение воспроизведения при отправке в плейлист
Apply core sort — сортировка добавляемых элементов
Select added items — выделение добавляемых элементов
Populate on initialization — Заполнять при запуске (может замедлить запуск плеера!)
Process keyboard shortcuts — обрабатывать хоткеи
Auto-collapse on item expand — сворачивание побочных ветвей при разворачивании активной
Источник
Редактирование интерфейса Columns UI в Foobar2000
Columns UI — это один из самых популярных компонентов для плеера Foobar2000. Это такой конструктор, который можно крутить как угодно и он будет просить еще. В отличие от Default User Interface, Колумнс на порядок более гибок в настройке мелких деталей интерфейса. Плюс очень часто его наличие является необходимым для всякого рода скинов и прочих красивостей.
Про сам плагин немало написано на сайте и форуме Фубара, а скачать его можно тут. Устанавливается помещением файла foo_ui_columns.dll в папку Components Фубара. Здесь же речь пойдет о тонкостях настройки и конструирования интерфейса Foobar2000 через Columns UI.
Кастомизация Columns UI и странная логика разработчиков
Как и в Default User Interface, разбивка будущего интерфейса начинается с разделителей (Splitter). Тут-то и кроется странность. В Default UI вертикальный разделитель называется «Left/Right» и делит область интерфейса вертикальной линией на 2 части — левую и правую, что на мой взгляд соответствует человеческой логике. В Columns UI же такой разделитель внезапно называтся горизонтальным (Horizontal Splitter). Такая противоположная логика здесь видимо в том, что подразумевается разделение вдоль горизонтали на несколько вертикальных частей.
Соответственно за сплиттер, который в Default UI называется «Top/Bottom» (т.е. горизонтальная линия, разделяющая на верхнюю и нижнюю части) в Columns UI отвечает Vertical Splitter.
Теперь на примере. Допустим, нам нужен следующий вид интерфейса плеера, состоящий из 2-х основных колонок:
- в левой вся музыкальная библиотека или список плейлистов и обложка альбома
- в правой, собственно, выбранный список композиций для проигрывания и какая-нибудь визуализация для красоты
Все кнопки управления, ползунок громкости, дорожка и т.д. пусть будут сверху.
Приступим. Скриншотов будет много лишь для максимальной наглядности, фактически же ничего сложного.
После установки плагина и запуска Foobar встречает нас окошком с предложением выбора. Продолжить использовать Default User Interface или включить свежеинсталлированный Columns UI. Выбираем последний.
Первый запуск Foobar2000 с плагином Columns UI
Расчистка элементов интерфейса готового шаблона под свой.
Тут же нам предложат выбрать один из нескольких готовых шаблонов интерфейса.
Готовые шаблоны Columns UI
Но мы собрались креативить, поэтому выбираем любой, все равно сразу снесем его под корень (здесь звучит зловещий смех).
Идем в меню: View > Layout жмем Live Editing.
Живое редактирование интерфейса
Правая кнопка мыши на любой элемент > Close.
Удаление элементов интерфейса
Убираем так все элементы и сплиттеры, пока не останется только один горизонтальный или вертикальный сплиттер (его убрать нельзя). Для нашего шаблона нужен горизонтальный (так как делить будем на 2 основные колонки), поэтому если у вас остался вертикальный, то поменяйте его. Правая кнопка > Change Splitter > Horizontal Splitter.
Выбор горизонтального сплиттера
Сборка желаемого интерфейса.
Основной разделитель есть. Займемся левой колонкой с обложкой, списком исполнителей или жанров библиотеки музыки и плейлистами. Для этого между ними должен быть разделитель. Добавим его: правая кнопка > Add Panel > Splitters > Vertical Splitter
Добавление разделителя в левой колонке
Теперь добавляем поле для обложки диска. Жмем правой кнопкой мыши, в разделе Vertical Splitter выбираем Add Panel > Panels > Artwork View.
Добавление места в Columns UI под обложку диска
Обложка есть, остались фильтр жанров/исполнителей и плейлисты. Для пущей юзабилити сделаем их в разных вкладках. Для этого добавим вкладки. Правая мышь — раздел Vertial Splitter: Add Panel > Splitters > Tab Stack.
Вкладки в Columns UI
В первой вкладке будет фильтр музыкальной библиотеки. Тыц туда правой мышью, раздел Tab Stack: Add Panel > Panels > Filter.
Фильтры музыкальной библиотеки Columns UI
Во второй вкладке будет список плейлистов. Также правой мышью, раздел Tab Stack: Add Panel > Panels > Playlist Switcher.
Список плейлистов в Columns UI
Левая колонка интерфейса готова, осталось сделать правую как задумывалось. Для этого справа тоже нужен разделитель, который поделит колонку на верхнюю и нижнюю части (сверху список воспроизведения, снизу визуализация). Кликаем где-нибудь в верхней части правой мышью, чтобы был доступен раздел Horizontal Splitter. В нем находим уже знакомый путь: Add Panel > Splitters > Vertical Splitter
Добавление сплиттера Columns UI для правой колонки
Добавляем поле списка проигрываемых композиций. Правой мышью в правую часть. В разделе Vertical Splitter идем Add Panel > Playlists View > NG Playlist. Там сразу что-то отображается если до этого Фубар уже использовался и он знает где находится папка с музыкой.
Добавление Playlists View
Осталось добавить только панельку визуализации. По умолчанию в Columns UI есть только одна, ее и возьмем. Раздел Vertical Splitter, Add Panel > Visualisations > Spectrum Analyser.
Добавление Spectrum Analyser
Вот и все! Все основные элементы добавлены. Пока выглядит слишком симметрично и непропорционально, поэтому стоит отрегулировать по своему вкусу размеры элементов, таская их мышью за границы. Можно, кстати, уже включить музыку. У меня получилось примерно так:
Регулирование размеров элементов интерфейса
Оптимизация рабочей области интерфейса.
Настало время убрать лишнее и оптимизировать рабочее пространство. Закинем кнопки и другие элементы управления на самый верх, чтобы освободить больше места под все остальное. Делается это также элементарно, тянем левой кнопкой мыши за границу элемента.
Оптимизация элементов управления Foobar2000
Зачем нам 2 одинаковых визуализации? Уберем ее из тулбара: правой мышкой по верхней панели: Visualisations > Spectrum Analyser.
Убираем визуализацию из тулбара
Повыбрасываем лишние кнопки управления или добавим нужные. Правая кнопка по тулбару: Buttons Options.
Кастомизация кнопок в тулбаре
Кастомизация кнопок в тулбаре
С тулбаром закончили, можно отрегулировать размеры по вкусу и зафиксировать положение: Lock the Toolbars.
Зафиксировать элементы в тулбаре
Избавимся от названий элементов (Vertical Splitter, Artwork View, Tab Stack и т.д.), вряд ли они будут вам нужны, только занимают полезное пространство. Правой кнопкой мыши на них, затем снять галку Show Caption.
Увеличиваем полезное пространство
Исключим или добавим колонки в Playlist View, а заодно отрегулируем их ширину. Идем в настройки File > Prefences (или Ctrl+P). Слева переходим в Display > Columns UI > Playlist View вкладка Columns .
Настраиваем колонки в списке воспроизведения
Убираем ненужные (правая кнопка по названию > Remove), если надо отрегулировать ширину, то она указывается в поле Width. По умолчанию ширина всех колонок выставляется пропорционально.
Настройка колонок
Как видите, у Columns UI миллиард различных настроек, кастомизируется чуть ли не каждый пиксель. Но и без того уже все выглядит неплохо.
Почти фмнальный вид
Почти закончили, осталась пара мелких штрихов. Можно, к примеру, убрать небольшие внутренние тени элементов. Для списка воспроизведения это отключается в настройках. Display > Columns UI > Playlist View вкладка General. У строки Playlist Edge Style выбираем None.
Настройка вида границы элемента
Для фильтра жанра/исполнителей это отключается в Display > Columns UI вкладка Filter. У строки Edge Style также выбираем None.
Настройка стиля границы
Чтобы убрать тенюшку у визуализации кликаем прям на нее правой кнопкой и переходим в опции.
Настройка вида границы визуализации
Window Frame Style > None. Здесь же сразу можно настроить цвета и стиль самой визуализации.
Настройка стиля границы визуализации
Так плеер принял более минималистичный и спокойный вид. Кому нужно еще больше минимализма можно убрать статус-панель внизу, инфа в ней не настолько уж и ценная. В настройках Display > Columns UI вкладка Status Bar снять галку Show status pane
Убираем статус-панель Columns UI
Вместе с ней пропал и ползунок регулирования громкости. Не беда — добавим его в тулбар, где ему и место. Правой кнопкой по тулбару Toolbars > Volume .
Добавляем ползунок громкости в тулбар
Готово! Интерфейс плеера настроен как и замышлялось. Ах да, заблокируем панель визуализации, чтобы при изменении размеров окна Foobar2000 она оставалась одинаковой. Правильно, правой мышкой по ней и Lock panel
Заблокируем панель визуализации
Это был лишь один из примеров. Foobar2000 — это конструктор, где можно поменять местами, изменить и дополнить почти все. Прогуляйтесь по настройкам, потыкайте, поиграйте цветами и шрифтами. Можете сделать темную тему, например. Не бойтесь что-то сломать, всегда можно быстро удалить лишнее или вернуть удаленное. Enjoy your cake!
Источник