[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.