Toggle/Pill Buttons similar to App World #417

Closed
pmulkins opened this Issue Oct 24, 2012 · 18 comments

3 participants

@pmulkins

Is it possible to mimic the pill buttons that are found in App World, specifically "My World", where you are able to switch between "Updates", "Downloaded", and "Available"? There share a similar UI design to toggle switches.

Thanks!

@tneil
Open Source Projects member

Which BlackBerry OS version are you referring to? BB5/6/7/PlayBook/10

@pmulkins

My apologies, 10.

@tneil
Open Source Projects member

You mean like the ones in BBM where the selection slides between the options on the Invites tab?

@pmulkins

Yes!

@pmulkins

Well it's a little different, on app world you are able to grab the "bar" and slide it to each header...

@tneil
Open Source Projects member

I've added it to the 0.9.5 milestone

@tneil
Open Source Projects member

Now updated to the 0.9.6 milestone since 0.9.5 went with what was in it at the time :o)

@tneil tneil pushed a commit that referenced this issue Dec 13, 2012
Tim Neil updates for issue #417 096ac64
@tneil
Open Source Projects member

Just checked in some sizing and coloring changes. But it still uses the highlight color to show touch interaction instead of the animated sliding effect. This effect will come later.

So far only the dark styling is checked in

@tneil
Open Source Projects member

Updated the screenshot in the wiki

@tneil tneil pushed a commit that referenced this issue Dec 13, 2012
Tim Neil updates for light coloring for issue #417 d739092
@tneil
Open Source Projects member

Light coloring has now been added.. just the animation effect left

@tneil
Open Source Projects member

Made some good progress today.. Still dealing with a z-index ordering issue with Ripple and PlayBook. Need to figure out what's going on there.

The animation is now working, but I still don't have it doing the "follow your finger" animations. Just working on the z-index issue first then I'll check-in what I have

@DaveBBT

will this remove the focus highlight too? currently in bbui on BB10 you get the blue highlight show first, in appworld this seems redacted, which looks a little more fluid.

@tneil
Open Source Projects member

Yes, it will remove the focus highlight as well.. The pill buttons will look exactly like the Cascades ones. An example of the light theme is in the "Invites" section of BBM, and an example of the dark theme is in App World "My World" area

@tneil
Open Source Projects member

Z-index figured out.. now working on some weird behavior on PlayBook before checking in the code

@tneil
Open Source Projects member

Ah.. PlayBook issue is something else, not related to pill buttons

@tneil tneil pushed a commit that referenced this issue Dec 18, 2012
Tim Neil updates for pill button issue #417 f9c58b9
@tneil
Open Source Projects member

Ok.. All done.. We'll leave the animation to follow your finger as a follow up task :o)

@tneil tneil closed this Dec 18, 2012
@tneil tneil reopened this Dec 18, 2012
@tneil
Open Source Projects member

Re-opening this one.. current issue is that if you have an button set as selected that isn't the first button, it won't move the pill under that button.

@tneil tneil pushed a commit that referenced this issue Dec 18, 2012
Tim Neil updates for issue #417 ad5143e
@tneil
Open Source Projects member

Ok, fixes are now in. I also made it so that both the pill button and toggle button selected state animation happens after the screen transitions have ended. This will help for smoothing the animation of screen transitions so that they are not competing with the animation of the controls.

@tneil tneil closed this Dec 18, 2012
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment