Wiki tabview right toc5/16/2023 ![]() ![]() The following table describes how keystrokes should be processed in case a TabView has focus: Mouse scroll button can work as a quick navigation among tabs that are hidden.The close buttons can appear either on selected tab only or just during roll over tabs. This is useful when tabs are clearly recognizable by an icon or by a few first letters of tab titles. Ability to automatically squeeze all tabs in a limited area.To be able to differentiate a nested TabView visually from the first one.This can be used for finger tabs (see example below) or when user wants to see more of the content area. Possibility to expand or collapse tabs so user can do that manually if he wants.There can exist two versions of the progress indication (deterministic and undeterministic one). The progress indication can be shown instead of an icon inside the tab header. Show progress indication if tab's content is being updated.There are additional features that can make TabView UI control even more advanced, so let's see a few of them: TabView can be nested in other TabView and then they behave as independent.Typically by showing arrows or full list of tabs next to the tabs. If there isn't enough space to show all tabs it has to be handled properly.Orientation of tabs can be the same (horizontal) or different. Tabs can be displayed on any side of the content area.Figure: A contextual menu above first tab These actions are typically visually separated. Support contextual menu invoked by right mouse click from a tab.Usually it contains actions related to manipulation with the tab or actions related to tab's content.It can be used for detail description of the file opened in the content area or showing its path. Different sizes of icons are supported.Figure: Different appearance for the selected tab and other tabs There are visible just their icons without titles and close buttons. Other tabs than selected one can appear as minimized. It can be different for the selected tab and other tabs (see image below). Show and hide icons, titles or close buttons if necessary.Let's mention features that are sort of standard ones and you can find them in most of TabView implementations ![]() TabView Interaction Design 3.1 Basic Features Tab can be selected, not selected, disabled, or it there is an visual effect when mouse is above the tab.ģ. Every tab in the header can contain an icon, a title, and a close button.įigure: Basic parts of a TabView UI control Typically there is a TabView header and a content area. This document is the user experience specification for the JavaFX Tabs control.Ī TabView is a UI control that allows multiple documents to be contained within a single window and switch between them. Tabs can be placed on any side of a document area or nested. Created by Jindrich Dinga, last modified on Sep 19, 2013 ![]()
0 Comments
Leave a Reply. |