Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-28317] TiAPI: Add Ti.UI.OptionBar

GitHub Issuen/a
TypeNew Feature
PriorityMedium
StatusClosed
ResolutionFixed
Resolution Date2021-03-09T22:52:02.000+0000
Affected Version/sn/a
Fix Version/sRelease 10.0.0
ComponentsAndroid, iOS, Mac
Labelsandroid, iOS, material-design, radio_button
ReporterJoshua Quick
AssigneeJoshua Quick
Created2021-01-16T03:08:18.000+0000
Updated2021-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

FileDateSize
OptionBar-Android-Horizontal.png2021-03-02T06:06:07.000+0000432177
OptionBar-Android-Vertical.png2021-03-02T06:06:06.000+0000439816
OptionBar-iOS.png2021-03-02T06:06:09.000+0000805627
OptionBarTest.js2021-03-02T06:15:05.000+00001454

Comments

  1. Joshua Quick 2021-01-16

    _*Edit:* This PR has been closed._ -PR (master):- https://github.com/appcelerator/titanium_mobile/pull/12388
  2. Joshua Quick 2021-03-02

    PR (master): https://github.com/appcelerator/titanium_mobile/pull/12510
  3. Christopher Williams 2021-03-09

    merged to master, manually cherry-picked to 10_0_X for 10.0.0 target.

JSON Source