How to swipe to show different texts on different background images with some components remaining fixed

187 views
Skip to first unread message

aimee

unread,
Apr 23, 2015, 7:56:13 PM4/23/15
to codenameone...@googlegroups.com
We'd like to do something similar to the NRL official app on Digital Pass page. Please see attached.

We want the texts in the middle and the background image change for each swipe but some components in the bottom part remain constant similar to the Purchase In-App button.

Also how is the tab marker (the 4 little dots) done?
Screenshot_2015-04-24-08-08-13.png
Screenshot_2015-04-24-08-08-20.png
Screenshot_2015-04-24-08-08-06.png

aimee

unread,
Apr 23, 2015, 11:11:43 PM4/23/15
to codenameone...@googlegroups.com

Have managed to do this using tabs. However not sure how to do tab marker though.

Shai Almog

unread,
Apr 24, 2015, 12:42:11 AM4/24/15
to codenameone...@googlegroups.com
Most of the developers who did this used Tabs and just used the hide tabs option.
They then used the selection listener of the tabs to update the "carousel" selection below the tabs or on top of it (with a layered layout).

aimee

unread,
May 4, 2015, 5:46:53 PM5/4/15
to codenameone...@googlegroups.com
How about the tab marker? Not sure how to do that.

Shai Almog

unread,
May 5, 2015, 1:06:43 AM5/5/15
to codenameone...@googlegroups.com
Just a set of toggle buttons or radio buttons representing the individual tab placed in a layered layout on top of everything.

aimee

unread,
May 18, 2015, 8:28:56 PM5/18/15
to codenameone...@googlegroups.com
I used radio buttons and it looks ok for ios but not for android. How do I get rid of the circles? Pls see attached.
ios.png
android.png

Shai Almog

unread,
May 18, 2015, 11:59:36 PM5/18/15
to codenameone...@googlegroups.com, alngu...@gmail.com
Invoke setToggle(true) on the radio button then set its UIID to "Container".
Reply all
Reply to author
Forward
0 new messages