Rockbox.org home
Downloads
Release release
Dev builds dev builds
Extras extras
themes themes
Documentation
Manual manual
Wiki wiki
Device Status device status
Support
Forums forums
Mailing lists mailing lists
IRC IRC
Development
Bugs bugs
Patches patches
Dev Guide dev guide
Search



Donate

Rockbox Technical Forums


Login with username, password and session length
Home Help Search Staff List Login Register
News:

Welcome to the Rockbox Technical Forums!

+  Rockbox Technical Forums
|-+  Support and General Use
| |-+  Theming and Appearance Customization
| | |-+  [OptimalInfo] Theme: Toshiba Gigabeat F/X/S, Sansa Fuze+, Samsung YP-R0
« previous next »
  • Print
Pages: [1]

Author Topic: [OptimalInfo] Theme: Toshiba Gigabeat F/X/S, Sansa Fuze+, Samsung YP-R0  (Read 3941 times)

Offline daniel.weck

  • Member
  • *
  • Posts: 20
[OptimalInfo] Theme: Toshiba Gigabeat F/X/S, Sansa Fuze+, Samsung YP-R0
« on: May 30, 2012, 09:54:33 AM »
Dear Rockbox'ers,

This is a follow-up from the Sansa Fuze theme, upon which this one is based:
http://forums.rockbox.org/index.php/topic,34471.0.html

I tried several themes from the gallery, but I could not find one that I enjoyed using on a daily basis. So I created my own, and I have now released it in the Rockbox gallery. The "source" is actually on Google Code as well, where it will be kept up to date.

Source code on GitHub:
https://github.com/danielweck/Rockbox-theme-OptimalInfo

Gallery link (Toshiba Gigabeat F/X):
http://themes.rockbox.org/index.php?themeid=1627&target=gigabeatfx
BIG font:
http://themes.rockbox.org/index.php?themeid=1628&target=gigabeatfx

Gallery link (Toshiba Gigabeat S):
http://themes.rockbox.org/index.php?themeid=1627&target=gigabeats
BIG font:
http://themes.rockbox.org/index.php?themeid=1628&target=gigabeats

Gallery link (Sansa Fuze+):
http://themes.rockbox.org/index.php?themeid=1627&target=sansafuzeplus
BIG font:
http://themes.rockbox.org/index.php?themeid=1628&target=sansafuzeplus

Gallery link (Samsung YP-R0):
http://themes.rockbox.org/index.php?themeid=1627&target=samsungypr0
BIG font:
http://themes.rockbox.org/index.php?themeid=1628&target=samsungypr0

Quote
OptimalInfo is a high-contrast coloured theme with minimalist graphics, which displays an optimal amount of information using an easy-to-read 9-line layout (or 10 lines + 2 extra blank spacing for taller displays) based on a legible font. Layout tricks such as alternating line text, as well as separate screens for volume and seek controls, are used to maximise usability whilst reserving screen real estate for high-priority information.

The small-font 10-line layout (+ 2 blank lines) is composed of:

1) a red-ish heading at the top, alternating between the date/time and the battery level
2) the track number (out of total playlist items)
3) track title
4) track album
5) track artist
6) full file path (dimmed)
7) audio codec details (dimmed)
BLANK
8) next track information
BLANK
9) playback progress information (current time / track duration) (percentage, remaining time only in dedicated "seeking - rewind/fast-forward" screen)
10) progress bar

Additionally, there are discrete vertical volume level indicators on either side of the screen (live peak meters for the left and right audio channels).


The main screen, paused (note the white highlight to indicate the playback state):



The main screen, playing (note the stereo peak meters)(also note that coincidentally, the red-ish heading at the top is displaying the battery level instead of the date/time):



A separate screen is displayed when the volume level is changing:



A separate screen is displayed during seeking (rewind, fast-forward):



The menu style is in keeping with the "while playing screen", nothing fancy (note that the image background is actually not used in the WPS, a similar gradient is drawn instead):




The 9-line layout (large font) is composed of:

1) a red-ish heading at the top, alternating between the date/time and the battery level
2) the track number (out of total playlist items)
3) track title
4) track album
5) track artist
6) full file path (dimmed)
7) audio codec details (dimmed)
8) playback progress information (current time / track duration) (percentage, remaining time only in dedicated "seeking - rewind/fast-forward" screen)
9) progress bar


(Note: I find the huge font "35-Nimbus.fnt" very usable in practice, as I don't mind horizontal text scrolling)

The main screen, paused (note the white highlight to indicate the playback state):



A separate screen is displayed when the volume level is changing:



A separate screen is displayed during seeking (rewind, fast-forward):



The menu style is in keeping with the "while playing screen", nothing fancy (note that the image background is actually not used in the WPS, a similar gradient is drawn instead):



I hope you enjoy it as much as I do!
Cheers, Daniel

Note about porting to other devices from the Sansa Fuze theme:

Porting the theme to other devices should be quite easy. Simply pick a font that enables 9 lines of text to fit within the vertical screen space, and adjust the pixel width of the viewports in the WPS (main, volume control, seeking). For example, if your device's display is 240 pixels wide instead of 220px, add the difference (20px) to the width specified in the WPS.

To port OptimalInfo to the Toshiba Gigabeat F/X platform using the large font, I had to tweak a couple of other things, for example the playback information above the progress bar is shifted below, centred, and reduced (only "time/total"). I also implemented similar alterations in the dedicated "seek" screen (rewind / fast-forward), by splitting the information onto several lines.
« Last Edit: March 06, 2015, 12:49:46 PM by daniel.weck »
Logged

Offline daniel.weck

  • Member
  • *
  • Posts: 20
Re: [OptimalInfo] Theme: Toshiba Gigabeat F/X/S, Sansa Fuze+, Samsung YP-R0
« Reply #1 on: March 06, 2015, 12:53:22 PM »

FYI, I moved the source code to GitHub:
https://github.com/danielweck/Rockbox-theme-OptimalInfo

I need to figure-out why the scrolling text is all messed up in more recent versions of Rockbox
(not sure what revision broke my design, it must have been some time ago!)
Logged

  • Print
Pages: [1]
« previous next »
+  Rockbox Technical Forums
|-+  Support and General Use
| |-+  Theming and Appearance Customization
| | |-+  [OptimalInfo] Theme: Toshiba Gigabeat F/X/S, Sansa Fuze+, Samsung YP-R0
 

  • SMF 2.0.17 | SMF © 2019, Simple Machines
  • Rockbox Privacy Policy
  • XHTML
  • RSS
  • WAP2

Page created in 0.048 seconds with 15 queries.