Custom UI Viewport

[kugel.]

So, I just committed FS#8799 which adds the UI viewport. With this, you can make nice themes like this:


I.e.: Put a (invisible) viewport border around lists and stuff.

We possible want to use that feature not only for pretty themes, but also to have some sort of background wps updating (but later, if at all).

How to use?

You add the lines to your themes.cfg, there's no setting for it in any menu.
ui viewport: X, Y, [width], [height], [font], [foreground pattern], [background pattern] (the patterns are dependant on the depth of your display.
The same for the remote, just that it's "remote ui viewport: ..."

width through background pattern might be omitted, X and Y not. Omit them by inserting a "-".

As you can see, nearly the same syntax as for WPS viewports, the way the optional values is also the same. In fact, it's the same except for the comma separator!

An example: "ui viewport: 15,15,100,150,1,-,-". That will give you a ui viewport starting at 15|15, 100px wide, 150px high, using the user font and using the colors from the global settings.

Happy theming!

PS: You might want to report bugs here if you find some (but our flyspray tracker is still preferred).

PS2: If you have themes that do not have the above lines in are going to look weird if you have a theme with ui viewport before (the viewport isn't reset). You then need to add "ui viewport: -" and "remote ui viewport: -" (without the quotes) to the thems to have them resetting the viewport properly.

[Thecoolgman]

  Happy Day! I've been waiting for this!

[BdN3504]

manual entry for this will take some time. i'd like to get viewports in first, so i can reference them properly.

[kugel.]

Just to show off a bit, this is what we actually would like to do with the custom ui viewport (try to ignore the anti-aliased font :p )

[Thecoolgman]

What are all the commands for custom ui?

[Multiplex]

What are all the commands for custom ui?

http://forums.rockbox.org/index.php?topic=22495.msg154730#msg154730

[happybear]

I've tried it out ...looks great together with the ability to adjust scrollbar width (r22416) 

Noticed that after I copy files from internal memory to microSD card on my sansa e270, the screen refreshes only the specifed viewport area

eg: ui viewport: 4,22,167,183,1,-,-

so parts of the copying progress bar etc still remains on screen. Does it have anything to do with my settings?

[kugel.]

I've tried it out ...looks great together with the ability to adjust scrollbar width (r22416) 

Noticed that after I copy files from internal memory to microSD card on my sansa e270, the screen refreshes only the specifed viewport area

eg: ui viewport: 4,22,167,183,1,-,-

so parts of the copying progress bar etc still remains on screen. Does it have anything to do with my settings?

That's a bug, there are probably a few more places where this happens. I'll have a look.

[BdN3504]

Viewports for the manual are ready(FS#10553). Think i'll be done with this part for the manual in a week at worst.

[kugel.]

so parts of the copying progress bar etc still remains on screen. Does it have anything to do with my settings?

Fixed in SVN.

[epithetless]

kugel, similar behavior happens when you change the Status Bar between the "Off", "Top", and "Bottom" settings -- status bars remain on both the top and bottom of the screen (regardless of which option you finished with) until you enter the WPS.

[kugel.]

kugel, similar behavior happens when you change the Status Bar between the "Off", "Top", and "Bottom" settings -- status bars remain on both the top and bottom of the screen (regardless of which option you finished with) until you enter the WPS.

Heh, I'm not really using that statusbar anymore I'm working on this:


But I'll definitely have a look.

[epithetless]

Well, best of luck with the status bar updates! Your version certainly looks more appealing!

By the way, what font are you using in the version of "Slick - Let It Blue" you pictured above?

[ZincAlloy]

12-Adobe-Helvetica. It comes with this one since Kugel updated it to use a Custom UI Viewport.

[epithetless]

12-Adobe-Helvetica. It comes with this one since Kugel updated it to use a Custom UI Viewport.

Thanks, ZincAlloy.