[TIMOB-28317] TiAPI: Add Ti.UI.OptionBar
GitHub Issue | n/a |
---|---|
Type | New Feature |
Priority | Medium |
Status | Closed |
Resolution | Fixed |
Resolution Date | 2021-03-09T22:52:02.000+0000 |
Affected Version/s | n/a |
Fix Version/s | Release 10.0.0 |
Components | Android, iOS, Mac |
Labels | android, iOS, material-design, radio_button |
Reporter | Joshua Quick |
Assignee | Joshua Quick |
Created | 2021-01-16T03:08:18.000+0000 |
Updated | 2021-03-09T22:52:02.000+0000 |
Description
*Summary:*
This is a view which shows a list of options requiring the end-user to make a single selection.
*iOS:*
On iOS, this will show a segmented control and will work exactly like our existing
Ti.UI.TabbedBar
view.
https://developer.apple.com/design/human-interface-guidelines/ios/controls/segmented-controls/
!OptionBar-iOS.png|thumbnail!
*Android:*
On Android, this view will show a material toggle button group...
https://material.io/components/buttons/android#toggle-button
!OptionBar-Android-Horizontal.png|thumbnail!
On Android, we the "layout" property can be set to "vertical" to make it look like this...
!OptionBar-Android-Vertical.png|thumbnail!
*Note:*
The behavior of the new Ti.UI.OptionBar
should be near identical to Ti.UI.TabbedBar
. We're making this a separate view since TabbedBar
is intended to be used by apps that want to set up their own custom tab group interface and should use the native tab widgets.
Attachments
File | Date | Size |
---|---|---|
OptionBar-Android-Horizontal.png | 2021-03-02T06:06:07.000+0000 | 432177 |
OptionBar-Android-Vertical.png | 2021-03-02T06:06:06.000+0000 | 439816 |
OptionBar-iOS.png | 2021-03-02T06:06:09.000+0000 | 805627 |
OptionBarTest.js | 2021-03-02T06:15:05.000+0000 | 1454 |
_*Edit:* This PR has been closed._ -PR (master):- https://github.com/appcelerator/titanium_mobile/pull/12388
PR (master): https://github.com/appcelerator/titanium_mobile/pull/12510
merged to master, manually cherry-picked to 10_0_X for 10.0.0 target.