On most of the pre-installed widgets, there are indicators that show me which buttons i might try using. E.G on my weather widget, there are 4 dots vertically stacked on top of each other representing the 4 pages that i can up/down-scoll through (one of the dots is filled out representing the current page) one of those pages has itself 3 sub-pages that appear as 3 dots right next to the start/stop-button on my fr945 some other pages indicate that you can drill down with the start/stop-button by drawing a little bar right next to it My Question: If I want something similar for my widget: Do I have to create these animations myself or is there some predefined API or sample-code I can use? Thx

Little indicators to show which buttons do something

On most of the pre-installed widgets, there are indicators that show me which buttons i might try using.

E.G

on my weather widget, there are 4 dots vertically stacked on top of each other representing the 4 pages that i can up/down-scoll through (one of the dots is filled out representing the current page)
one of those pages has itself 3 sub-pages that appear as 3 dots right next to the start/stop-button on my fr945
some other pages indicate that you can drill down with the start/stop-button by drawing a little bar right next to it

My Question:

If I want something similar for my widget: Do I have to create these animations myself or is there some predefined API or sample-code I can use?

Thx

0 jim_m_58 over 4 years ago

There was talk around the GDVC last Oct of something like a barrel to do these, but I've not heard anything since.

0 flogazo over 4 years ago in reply to jim_m_58

ok, thx

0 jim_m_58 over 4 years ago in reply to flogazo

It's really not that hard to do it yourself using drawArc, or fillCircle. You just need to use the correct angles so things are at the button

0 flogazo over 4 years ago

Hi, so i just turned my attention back to this and cooked something to draw a few dots on the left side on my screen (one for each view the user can vertically scroll through)

class ScrollDots extends WatchUi.Drawable {
    public function showScrollDots(){
        hideTimer.start(method(:hideScrollDots), 1000, false);
    }

    public function hideScrollDots(){
         WatchUi.animate(self, :locX, WatchUi.ANIM_TYPE_LINEAR, LOCX_INIT, -7, 0.2, null);
    }

    function draw(dc as Dc) as Void {
        // a couple of dc.drawCircle() etc.
    }

    function scrollDown(){...}
    function scrollUp(){...}
    function addDot(){...}
    function removeDot(){...}
}

My issue: When I draw this Drawable on my View and SLIDE_DOWN to the next one, the dots also slide out before being re-drawn by the new view.
How can I make the dots stay fixed while the rest of the view SLIDES away? First i thought that's what layers are for, but as i understand it, laysers belong to the view I add them too, so they also all slide out, right?