Different platforms use different names for objects, for example Android uses button, iOS uses uibutton, and UIC uses <button>. Tealeaf uses tlType internally to assign a single type to all objects that are the same type, regardless of how they are referred to on the platform that sent the message. For example, tlType=button means that in Tealeaf the object type is button, while on the platform that sent the message the control might be defined as a uibutton.
The tlType property is included for all controls that are monitored by each Tealeaf client framework. Whether an individual control is supported by one or all of the client frameworks, it can be referenced for eventing purposes through the tlType property. This table provides reference information about how tlType values map across all of the supported client frameworks. N/A indicates that the control is not supported in the client framework.
| tlType | UIC | Android | iOS | Description |
|---|---|---|---|---|
| barButtonItem | N/A | N/A | UIBarButtonItem | Button that is specialized for placement on a UIToolbar or UINavigationBar object. It inherits basic button behavior from its abstract superclass, UIBarItem. |
| barItem | N/A | N/A | UIBarItem | Abstract superclass for items added to a bar that appears at the bottom of the screen. Items on a bar behave in a way similar to buttons (instances of UIButton). |
| button | <button> or <input type="button"> | Button | UIButton | Push-button widget |
| button | N/A | Compound Button | N/A | Button with two states, checked and cleared. |
| button | <input type="button"> | ImageButton | UIButton | Button with an image (instead of text) that can be pressed or clicked by the user. |
| calendar | N/A | CalendarView | N/A | |
| canvas | <canvas> | view | UIView | |
| checkBox | <input type= "checkbox"> | CheckBox | N/A | Specific type of two-state button that can be either checked or cleared. |
| command | <command> | N/A | N/A | Defines a command (radio button, check box, or command button) that the user can start. |
| datePicker | N/A | DatePicker | UIDatePicker | Widget for selecting a date |
| dialerFilter | N/A | DialerFilter | N/A | Converts letters to text according to older phone keyboards (abc=2, def=3, etc). |
| gallery | N/A | Gallery | N/A | Shows items in a center-locked, horizontally scrolling list. |
| gesture | N/A | android.gesture | UIGesture Recognizer | Abstract base class for concrete gesture-recognizer classes. A gesture-recognizer object (or a gesture recognizer) decouples the logic for recognizing a gesture and acting on that recognition. When one of these objects recognizes a common gesture or, in some cases, a change in the gesture, it sends an action message to each designated target object. |
| gesture | N/A | android.gesture | UILongPress Gesture Recognizer | Concrete subclass of UIGesture Recognizer that looks for long-press gestures. The user must press one or more fingers on a view for at least a specified period for the action message to be sent. In addition, the fingers may move only a specified distance for the gesture to be recognized; if they move beyond this limit the gesture fails. |
| gesture | N/A | android.gesture | UIPanGesture Recognizer | Concrete subclass of UIGesture Recognizer that looks for panning (dragging) gestures. The user must be pressing one or more fingers on a view while they pan it. Clients implementing the action method for this gesture recognizer can ask it for the current translation and velocity of the gesture. |
| gesture | N/A | android.gesture | UIPinchGesture Recognizer | Concrete subclass of UIGesture Recognizer that looks for pinching gestures involving two touches. When the user moves the two fingers toward each other, the conventional meaning is zoom-out; when the user moves the two fingers away from each other, the conventional meaning is zoom-in. |
| gesture | N/A | android.gesture | UIRotation Gesture Recognizer | Concrete subclass of UIGesture Recognizer that looks for rotation gestures involving two touches. When the user moves the fingers opposite each other in a circular motion, the underlying view should rotate in a corresponding direction and speed. |
| gesture | N/A | android.gesture | UISwipe Gesture Recognizer | Concrete subclass of UIGesture Recognizer that looks for swiping gestures in one or more directions. A swipe is a discrete gesture, and thus the associated action message is sent only once per gesture. |
| gesture | N/A | android.gesture | UITap Gesture Recognizer | Concrete subclass of UIGesture Recognizer that looks for single or multiple taps. For the gesture to be recognized, the specified number of fingers must tap the view a specified number of times. |
| imagePicker | N/A | N/A | UIImage PickerController | Manages customizable, system-supplied user interfaces for taking pictures and movies on supported devices, and for choosing saved images and movies for use in your app. An image picker controller manages user interactions and delivers the results of those interactions to a delegate object. |
| image Switcher | N/A | ImageSwitcher | N/A | Switches smoothly between two images and provides a way of transitioning from one to another through appropriate animations. |
| link | <a> | N/A | N/A | |
| menu | <menu> | N/A | UIMenu Controller | Menu interface for the Cut, Copy, Paste, Select, Select All, and Delete commands. |
| menuItem | N/A | N/A | UIMenuItem | Custom item in the editing menu managed by the UIMenu Controller object. |
| navigation Bar | N/A | N/A | UINavigation Bar | Control for navigating hierarchical content. A bar, typically displayed at the top of the screen, containing buttons for navigating up and down a hierarchy. The primary properties are a left (back) button, a center title, and an optional right button. You can specify custom views for each of these. |
| navigation Controller | N/A | N/A | UINavigation Controller | Specialized view controller that manages the navigation of hierarchical content. This class is not intended for subclassing. Instead, you use instances of it as is in situations where you want your application's user interface to reflect the hierarchical nature of your content. This navigation interface makes it possible to present your data efficiently and also makes it easier for the user to navigate that content. |
| navigationItem | N/A | N/A | UINavigation Item | Encapsulates information about a navigation item that is pushed on a UINavigation Bar object's stack. A navigation bar is a control that is used to navigate hierarchical content. A UINavigation Item specifies what is displayed on the navigation bar when it is the top item and also how it is represented when it is the back item. |
| numberPicker | N/A | NumberPicker | N/A | A widget that enables the user to select a number form a predefined range. |
| page | Page | Activity | UIView Controller | |
| pageControl | N/A | N/A | UIPageControl | Create and manage page controls. A page control is a succession of dots that are centered in the control. Each dot corresponds to a page in the application's document (or other data-model entity), with the white dot indicating the currently viewed page. For example, When a user taps a page control to move to the next or previous page, the control sends the UIControlEvent ValueChanged event for handling by the delegate. The delegate can then evaluate the currentPage property to determine the page to display. The page control advances only one page in either direction. |
| quickContact Badge | N/A | QuickContact Badge | N/A | Show an image with the standard QuickContact badge and on-click behavior. |
| radioButton | <input type="radio"> | RadioButton | N/A | A two-state button that can be either checked or cleared. |
| radioButton | <input type="radio"> | RadioGroup | N/A | Class that is used to create a multiple-exclusion scope for a set of radio buttons. |
| scroll | <div> | Horizontal ScrollView | UIScrollView | Layout container for a view hierarchy that can be scrolled by the user, allowing it to be larger than the physical display. |
| scroll | <div> | Scroller | UIScrollView | Encapsulates scrolling. |
| scroll | <div> | ScrollView | UIScrollView | Layout container for a view hierarchy that can be scrolled by the user, allowing it to be larger than the physical display. |
| searchBox | N/A | SearchView | UISearchBar | A widget that provides a user interface for the user to enter a search query and submit a request to a search provider. |
| selectList | <select> | AbsSpinner | UIPickerView, UITableViewCell | An abstract base class for spinner widgets. |
| selectList | <select> | Spinner | UIPickerView | A view that displays one child at a time and lets the user pick among them. |
| slider | <input type="range"> | AbsSeekBar | UISlider | |
| slider | N/A | RatingBar | UISlider | A RatingBar is an extension of SeekBar and ProgressBar that shows a rating in stars. |
| slider | <input type="range"> | SeekBar | UISlider | A SeekBar is an extension of ProgressBar that adds a draggable thumb. |
| stepper | N/A | UIStepper | Two buttons, one with a minus (-) symbol and one with a plus (+) symbol. The bounding rectangle for a stepper matches that of a UISwitch object. | |
| tabBar | N/A | TabWidget | UITabBar | Implements a control for selecting one of two or more buttons, called items. The most common use of a tab bar is to implement a modal interface where tapping an item changes the selection. Use a UIToolbar object if you want to momentarily highlight or not change the appearance of an item when tapped. The UITabBar class provides the ability for the user to customize the tab bar by reordering, removing, and adding items to the bar. You can use a tab bar delegate to augment this behavior. |
| tabBarItem | TabHost.TabSpec | UITabBarItem | Implements an item on a tab bar, instances of the UITabBar class. A tab bar operates strictly in radio mode, where one item is selected at a time by tapping a tab bar item toggles the view above the tab bar. You can also specify a badge value on the tab bar item for adding more visual information, for example, the phone application uses a badge on the item to show the number of new messages. This class also provides a number of system defaults for creating items. | |
| tabContainer | N/A | TabHost | UITabBar Controller | Container for a tabbed window view. |
| textBox | N/A | AutoComplete TextView | N/A | An editable text view that shows completion suggestions automatically while the user is typing. |
| textBox | N/A | Checked TextView | N/A | An extension to TextView that supports the Checkable interface. |
| textBox | <input> | EditText | UITextField | EditText is a thin veneer over TextView that configures itself to be editable. |
| textBox | N/A | MultiAuto CompleteText View | N/A | An editable text view, extending AutoComplete TextView, that can show completion suggestions for the substring of the text where the user is typing instead of necessarily for the entire thing. |
| textBox | <input type="text"> | TextView | UITextField | Displays text to the user and optionally allows them to edit it. |
| textBox | <textarea> | EditText | UITextView | Implements the behavior for a scrollable, multi-line text region. The class supports the display of text using a custom font, color, and alignment and also supports text editing. You typically use a text view to display multiple lines of text, such as when displaying the body of a large text document. |
| timePicker | N/A | TimePicker | N/A | A view for selecting the time of day, in either 24 hour or AM/PM mode. |
| toggleButton | N/A | Switch | UISwitch | A two-state toggle switch widget that can select between two options. |
| toggleButton | N/A | ToggleButton | UISwitch | Displays checked/unchecked states as a button with a "light" indicator and by default that is accompanied with the text "ON" or "OFF". |
| webView | N/A | WebView | UIWebView | Embed web content in your application. Create a UIWebView object, attach it to a window, and send it a request to load web content. You can also use this class to move back and forward in the history of webpages, and you can set some web content properties programmatically. |