foobar2000.pl - polskie forum: [Tutorial] Layout - foobar2000.pl - polskie forum

Skocz do zawartości

Strona 1 z 1
  • Nie możesz napisać tematu
  • Nie możesz odpowiedzieć

[Tutorial] Layout Konfiguracja Columns UI

#1 Użytkownik nie jest zalogowany   Wujek_Bogdan Ikona

  • 40% ekstraktu z foo
  • Ikona
  • Rejestracja 09-lipiec 05

Napisano 07 kwiecień 2006 - 23:47

Layout

W ColumnsUI do foobara 0.9.x pojawiła się bardzo ciekawa opcja layout`u, dzięki której możemy w prosty sposób poukładać komponenty w okienku foobara. Teraz możemy praktycznie dowolnie rozmieszczać panele. przyciski itd.
Czytając niektóre wątki na forum zauważyłem, że jednak sporo osób ma problem z konfiguracją. Postaram sie wyjaśnić co nieco w tym poradniku.

1. PRZYGOTOWANIE
Potrzebny nam będzie foobar w wersji 0.9 z zainstalowaną wtyczką ColumnsUI, oraz komponentami które chcemy umieścić w okienku. Listę komponentów wraz z krótkimi opisami można znaleźć TU

2. Konfiguracja
Wchodzimy w File/Preferences/Columns UI/Layout. Pokaże nam się takie coś:
Dołączona grafika
W tym momencie należało by zatrzymać się na chwilę.
Pora na wyjaśnienie co to są Splitery i to czego służą. W tym poradniku porównywałem to do tabelek (dla znających HTML). Splitery dzielą nam okno foobara na kolumny bądź też na wiersze.
Horizontal Spliter dzieli okno na kolumny (pionowo)
Vertical Spliter dzieli okno na wiersze (poziomo)
Gdy będziemy dodawac kolejne elementy do Horizontal Splitera będą sie one układały obok siebie, w przypadku Vertical Splitera będą pojawiać się jeden pod drugim tak jak na poniższych schemacie:
Horizontal Splitter
Dołączona grafika
Vertical Splitter
Dołączona grafika

Jako pierwszy przykład praktyczny pokaże jak zrobić prostego foobarka z plejlistą po prawej stronie i explorerem po lewej.
  • W ramce Presets klikamy New i wpisujemy nazwę dla naszego layoutu Explorer
  • Klikamy ppm na najwyższy węzeł layoutu
  • Change Base/insert Horizontal Spliter
  • klikamy ppm na spliter i dodajemy interesujące nas komponenty z menu. w tym wypadku będą to:
    • Insert Panel>Panels>Explorer Tree
    • Insert Panel>Playlists views>Columns Playlist
Efekt powinien być taki: (kolumny możemy rozciągać chwytając myszą za krawędzie)
Dołączona grafika
Ok. to był banał. teraz pora na coś ciekawszego.

Splitery można zagęszczać, czyli umieszczać w jednym spliterze kolejne splitery. Brzmi to groźnie, ale to wcale nie takie straszne. Tym razem w ramach ćwiczeń praktycznych zrobimy sobie taką konfiguracje: po prawej stronie będzie plejlista, a po lewej panel z Albumart, Trackinfo oraz, Explorer Tree. W tym celu będziemy musieli zrobić dwie kolumny i w pierwszą wrzucić Albumart, Trackinfo oraz, Explorer Tree a w druga Columns Playlist tak ja na poniższym schemacie:
Dołączona grafika
!UWAGA! Wielkość 'prostokontów' na obrazkach nie jest proporcjonalna do wielkości komponentów. Rysunki mają na celu jedynie wyjaśnienie zasady działania splitterów!

W konfiguracji layoutu wygląda to tak:
Dołączona grafika
!UWAGA! Ważne żeby komponenty lewej kolumny wrzucić do Vertical Splittera. W innym wypadku komponenty nie będą nam się układać jeden po drugim, ale obok siebie.

a foobar wygląda to tak:
Dołączona grafika

Teraz ostatni przykład. Po lewej stronie zostanie tak jak jest. Prawą strone, czyli kolumnę w której znajduje się tylko playlista podzielimy na pół. Tym razem w poziomie. Na dole umieścimy playliste, a na górze Album List oraz Spectrum Analyser.
Mamy już 2 kolumny utworzone wcześniej, musimy jedynie edytować prawą kolumnę. Usuwamy wszystko co się w niej znajduje dodajemy Vertical Splitter. Wrzucamy do niego Columns Playlist i Horizontal Spliter do którego ładujemy Album List i Spectrum Analyster.
Koncepcja jest taka:
Dołączona grafika
w konfiguracji wygląda to tak:
Dołączona grafika
a foobar powinien się teraz tak prezentować:
Dołączona grafika

Oczywiście nie wygląda przepięknie, ale nie o to chodzi w tym poradniku.
Teraz pozostaje nam pousuwać niepotrzebne napisy (nazwy komponentów) odznaczając Show Caption, oraz wyrównać położenie komponentów. Z tym nie powinno być większych problemów.

Dyskusja na temat zmiany wyglądu foobara znajduje sie w dziale Wasz foobar
Wszelkie uwagi prosze na PW
0

Strona 1 z 1
  • Nie możesz napisać tematu
  • Nie możesz odpowiedzieć

Użytkownicy przeglądający ten temat: 2
0 użytkowników, 2 gości, 0 anonimowych


Oferujemy miejsce na reklame. Kontakt: m.szafranski@foobar2000.pl