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
| | |-+  how do I create a circular controlled theme?
« previous next »
  • Print
Pages: [1]

Author Topic: how do I create a circular controlled theme?  (Read 2711 times)

Offline mulderfox

  • Member
  • *
  • Posts: 2
how do I create a circular controlled theme?
« on: August 10, 2012, 12:32:27 AM »
I would like to create a theme that works on wheel controlled players like ipod nano and sansa fuze (got both of them). however, I could not find a theme that allows me to use it as a template and is designed in that way.
my purpose is to have a circle on the screen surrounding the album art. volume will be adjusted with the wheel turn and the graphic will show as a circumference filling up. also other options can be around the main circle.
Can anyone assist? thanks.
Logged

Offline JdGordon

  • Member
  • *
  • Posts: 1817
  • Constantly breaking stuff
Re: how do I create a circular controlled theme?
« Reply #1 on: August 10, 2012, 12:56:36 AM »
Not really sure how you'd be able to do it.
You will need to use a bunch of bitmaps for the circle drawing because the normal bar drawing wont be able to handle that at all. You may also need to use the backdrop buffer to draw the AA on the back and have the circle volume bar draw above it with lots of transparent areas...

good luck!
Logged


Using PMs to annoy devs about bugs/patches is not a good way to have the issue looked at.

Offline [Saint]

  • Rockbox Expert
  • Member
  • *
  • Posts: 1662
  • Hayden Pearce
    • Google+
Re: how do I create a circular controlled theme?
« Reply #2 on: August 10, 2012, 01:05:13 AM »
Perhaps you might like to show me some mockups of how you expect the UI to look in various instances?
(It needn't be anything fancy, just a simple example of what you have in mind. Hell...to be honest I don't care if you scribble it on the back of a napkin and take a photo of it.  ;))

I understand how you would like the volume to function, and I expect that you would like the playback progress indicator to function in the same fashion. Both are entirely possible, but I am left wondering how you would like to display other elements in the theme, for example: play/pause/shuffle/repeat/hold/etc. and so on.

I am happy to provide you with support/advice/code examples/etc, but I would like to be sure that we're both on the same page before doing so.



[Saint]
« Last Edit: August 10, 2012, 01:07:58 AM by [Saint] »
Logged
Using PMs to annoy devs about bugs/patches is not a good way to have the issue looked at.

Offline mulderfox

  • Member
  • *
  • Posts: 2
Re: how do I create a circular controlled theme?
« Reply #3 on: August 10, 2012, 01:34:07 AM »
thanks for the quick answers.
I attached the mockup. it's just a crude graphic.
The idea is to make the best possible use for the control wheel.

and yes, I want to have the play controls controlled as well. the spaces on the sides can be used for that and be scrolled thru. the circle can be partial (not a full circle but rather a circle cut on top and bottom to allow for more space for the other play controls.

thanks!

* theme-mockup.jpg (17.35 kB, 220x176 - viewed 148 times.)
« Last Edit: August 10, 2012, 01:39:26 AM by mulderfox »
Logged

Offline KiwiCam

  • Artist
  • Member
  • *
  • Posts: 92
Re: how do I create a circular controlled theme?
« Reply #4 on: August 11, 2012, 04:46:39 AM »
I've had similar ideas myself. I'd try breaking it into squares and use the volume to show separate Viewport positions for each range of  volume. Say, 12 viewport positions. Or more if you wanted to go bitmap crazy. I'd also use a tonne of And's & Or's for each stage of the volume position to change the bitmap (Offset might come in handy and Transparency of course for the Album art area captured within the Viewport - Hint: Clip can't do this yet) displayed at each Viewport position to show the changes in other controls affected by the Viewport placement.


* theme-mockup.jpg_thumb_with_Viewport_placements.png (23.81 kB, 150x120 - viewed 313 times.)
« Last Edit: August 11, 2012, 04:52:47 AM by KiwiCam »
Logged

Offline [Saint]

  • Rockbox Expert
  • Member
  • *
  • Posts: 1662
  • Hayden Pearce
    • Google+
Re: how do I create a circular controlled theme?
« Reply #5 on: August 11, 2012, 05:08:56 AM »
Quote from: KiwiCam on August 11, 2012, 04:46:39 AM
Movable Viewports would be ideal for this. However, I can't see that happening.

No, it wouldn't. Unless you wanted to complicate this theme excessively. And besides, it's already possible to move a viewport conditionally so its kind of a non-statement.

Quote from: KiwiCam on August 11, 2012, 04:46:39 AM
I'd try breaking it into squares and use the volume to show separate Viewport positions for each range of  volume. Say, 12 viewport positions. Or more if you wanted to go bitmap crazy. I'd also use a tonne of And's & Or's for each stage of the volume position to change the bitmap (Offset might come in handy and Transparency of course for the Album art area captured within the Viewport - Hint: Clip can't do this yet) displayed at each Viewport position to show the changes in other controls affected by the Viewport placement.

Again, this is needlessly complex.

There's really no reason to do it this way unless you wanted to torture yourself intentionally. It could be achieved very trivially by drawing the album art into the backdrop buffer and drawing the volume graphic in a single viewport overtop of it, with transparency to allow the album art to show through.
Yes, you would need an image for each "stage" of the volume you wished to represent, and how finely you want to represent this is entirely up to you and how much of the audio buffer you're willing to steal.

Although I value the input and enthusiasm of the quoted author, I would advise against following that path very strongly. I don't have time right now to post code examples as its getting late here, and real life, etc. but I shall attempt to do so tomorrow at some stage.



[Saint]
Logged
Using PMs to annoy devs about bugs/patches is not a good way to have the issue looked at.

Offline KiwiCam

  • Artist
  • Member
  • *
  • Posts: 92
Re: how do I create a circular controlled theme?
« Reply #6 on: August 22, 2012, 06:27:04 AM »
Quote from: [Saint] on August 11, 2012, 05:08:56 AM
Quote from: KiwiCam on August 11, 2012, 04:46:39 AM
Movable Viewports would be ideal for this. However, I can't see that happening.

No, it wouldn't. Unless you wanted to complicate this theme excessively. And besides, it's already possible to move a viewport conditionally so its kind of a non-statement.

[Saint]

Could you give me an example as to how?
Logged

Offline [Saint]

  • Rockbox Expert
  • Member
  • *
  • Posts: 1662
  • Hayden Pearce
    • Google+
Re: how do I create a circular controlled theme?
« Reply #7 on: August 26, 2012, 07:13:07 AM »
Duplicate the viewport(s) as many times as you require, and assign each a unique label. Switch it with the condition that tickles your fancy.




[Saint]
Logged
Using PMs to annoy devs about bugs/patches is not a good way to have the issue looked at.

Offline KiwiCam

  • Artist
  • Member
  • *
  • Posts: 92
Re: how do I create a circular controlled theme?
« Reply #8 on: August 30, 2012, 01:27:39 AM »
Quote from: [Saint] on August 26, 2012, 07:13:07 AM
Duplicate the viewport(s) as many times as you require, and assign each a unique label. Switch it with the condition that tickles your fancy.




[Saint]

Thanks. I'll bear that in mind.
Logged

Offline Astorga

  • Member
  • *
  • Posts: 48
  • iPod mini and iPod Video 5G
Re: how do I create a circular controlled theme?
« Reply #9 on: September 28, 2012, 10:37:01 AM »
You could make the ring fade from green to red to indicate the volume... isn't that awesome, but can produce a nice effect :)
Logged

  • Print
Pages: [1]
« previous next »
+  Rockbox Technical Forums
|-+  Support and General Use
| |-+  Theming and Appearance Customization
| | |-+  how do I create a circular controlled theme?
 

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

Page created in 0.094 seconds with 15 queries.