Lines Matching refs:focus
9 … controls, or in-car joysticks/knobs, navigation and interaction based on focus are crucial means …
11 …focus shifting between components in an application. This process is transparent to the user but c…
18 …focus state is not displayed by default; it only appears when the application is active. A compone…
19 …focus, allowing subsequent use of the **Tab** key or arrow keys for focus traversal. The initial *…
25 …Page**, **Menu**, **Popup**, **NavBar**, and **NavDestination**, within a focus framework. These c…
28 - Focus capture: They automatically take focus when first displayed.
29 …tation: When focus is within these components, users cannot use keyboard keys to move focus outsid…
31 …has at least one hierarchical page in focus. When this hierarchical page is closed or no longer vi…
35 > The **Popup** component does not capture focus if it has **focusable** set to **false**.
37 …NavBar** and **NavDestination** components do not restrict focus movement and share the focus scop…
41 In hierarchical pages, the root container is where the default focus resides when the page is first…
43 You can change the default focus using the **defaultFocus** attribute.
45 …focus on the root container activates focus and passes it to child components. Focus proceeds to t…
56 …focus traversal refers to focus movement initiated by deliberate actions, such as keyboard shortcu…
60 1. Prerequisite: The application is in the focus activated state.
65 …focus in a cross-shaped pattern, with container-specific algorithms determining the next focus in …
66 4. Traversal algorithm: Each focusable container has a unique algorithm defining how focus moves.
70 Moves focus to a specific component, which is allowed across hierarchical pages but not across wind…
71 For details, see [Active Focus Acquisition/Loss](#active-focus-acquisitionloss).
74 …focus within the current hierarchical page, with the focus reverting to the root container. For de…
77 …focus on touch. It is ineffective on non-focusable components. For container components, focus goe…
82 …focus traversal occurs when the focus automatically shifts due to system actions or other operatio…
85 Mechanisms that trigger passive focus traversal include:
87 …e system tries to shift focus to the next available sibling, following a back-to-front order. If n…
88 …*, or **visibility** to invisible causes the system to automatically move focus to another focusab…
89 …erarchical pages, the current page's focus is automatically released, and the new page may automat…
90 …focus upon creation if designed to do so (for example, certain dialog boxes or text boxes), which …
96 In the focus management system, every focusable container is assigned a specific algorithm that dic…
98 …UX design and is implemented by the component itself. The focus framework supports three focus tra…
105 The linear focus traversal algorithm is the default algorithm, focusing on the order of child nodes…
108 - Order dependency: The focus order is based solely on the mounting sequence of child nodes in the …
109 - **Tab** key traversal: The **Tab** key moves focus through nodes in their mounting sequence.
110 … are ignored. For example, a horizontal **Row** container does not accept focus requests from up a…
111 …focus requests in the opposite direction from the current focus edge. For example, if the focus is…
116 …focus traversal algorithm determines the next focus based on the overlap area and center-point dis…
119 …he current focus. If multiple children qualify, the first in the node tree is chosen. If no compon…
120 … mimics a rightward shift to find the next focus; if none is available, it simulates moving the cu…
121 …t mimics a leftward shift to find the next focus; if none is available, it simulates moving the cu…
126 The custom focus traversal algorithm is defined by the component itself, allowing for specific focu…
135 Triggered when the bound component obtains focus.
141 Triggered when the bound component loses focus.
143 The **onFocus** and **onBlur** APIs are usually used in pairs to listen for the focus changes of th…
156 …ernal keyboard to move the focus between the three buttons. When a button gains focus, its color c…
162 …// Listen for the focus obtaining event of the first component and change its color when it obtain…
166 …// Listen for the focus loss event of the first component and change its color when it loses focus.
176 …// Listen for the focus obtaining event of the second component and change its color when it obtai…
180 …// Listen for the focus loss event of the second component and change its color when it loses focu…
190 …// Listen for the focus obtaining event of the third component and change its color when it obtain…
194 …// Listen for the focus loss event of the third component and change its color when it loses focus.
209 …tion is opened, pressing the **Tab** key activates focus traversal, **First Button** displays a fo…
210 …utton** gains focus, triggering its **onFocus** callbacktriggered, and its background color turns …
211 …ton** to gain focus, triggering its **onFocus** callback, and its background color turns green. Co…
234 …nable.md#enabled) is set to **false**, the component becomes non-interactive and cannot gain focus.
241 …*Visibility.None** or **Visibility.Hidden**, the component becomes invisible and cannot gain focus.
253 …, it automatically loses focus. The focus then shifts to another component according to the [Focus…
327 …// Bind onKeyEvent. When this Column component has focus, pressing F will toggle the focusable sta…
331 …// Bind onKeyEvent. When this Column component has focus, pressing G will toggle the enabled state…
344 
350 …focus on touch. Pressing the **Tab** key triggers focus traversal, but the focus remains on the se…
351 …ponent unfocusable. The focus then automatically moves to the **Row** container, where the default…
361 Specifies whether to set the component as the default focus of the page.
375 …ernal keyboard to move the focus between the three buttons. When a button gains focus, its color c…
381 …// Listen for the focus obtaining event of the first component and change its color when it obtain…
385 …// Listen for the focus loss event of the first component and change its color when it loses focus.
395 …// Listen for the focus obtaining event of the second component and change its color when it obtai…
399 …// Listen for the focus loss event of the second component and change its color when it loses focu…
409 // Set the default focus.
411 …// Listen for the focus obtaining event of the third component and change its color when it obtain…
415 …// Listen for the focus loss event of the third component and change its color when it loses focus.
428 - The **defaultFocus(true)** is set on the third **Button** component, which means it gains focus b…
429 - Pressing the **Tab** key triggers focus traversal, and since the third **Button** component is in…
433 The default focus within a container is affected by [focus priority](#focus-group-and-focus-priorit…
437 …focus.md#defaultfocus9) specifies the initial focus when the page loads. [FocusPriority](../refere…
460 …focus: The entire page or container gains focus first, then the focus shifts to its child componen…
462 …focus: A specific component gains focus, pulling its parent components into focus. Examples includ…
466 1. Initial page focus:
468 - The leaf node of the focus chain is the node with **defaultFocus** set.
470 - If no **defaultFocus** is configured, the focus remains on the page's root container.
472 2. Subsequent page focus: Focus is gained by the node that last held focus.
476 …tainer has a component with a focus priority higher than **PREVIOUS**, the component with the high…
478 …IOUS** exists, the last focused node regains focus, such as when a window refocuses after being ou…
488 Sets the system focus box style for the component.
498 Button("small black focus box")
503 Button("large red focus box")
521 …ns, pressing the Tab key initiates focus traversal. The first **Button** gains focus, displaying a…
522 - Pressing the Tab key again shifts focus to the second **Button**, which features a large, red foc…
528 …You are advised to use **requestFocus** from **FocusController** for actively acquiring focus. It …
530 - Provides exception handling, aiding in troubleshooting focus acquisition issues.
538 Transfers focus to a component node by the component ID, which is effective immediately.
543 …Clears the focus and forcibly moves the focus to the root container node of the page, causing othe…
550 Moves focus to a specified component, with the change taking effect in the next frame.
626 
630 - When the **FocusController.requestFocus** button is clicked, the first button gains focus.
631 - When the **focusControl.requestFocus** button is clicked, the second button gains focus.
632 - When the **clearFocus** button is clicked, the second button loses focus.
640 Sets the focus priority of this component in a specified container. It must be used together with *…
647 Assigns an ID to this container component and specifies whether the container is a focus group. Foc…
700 ….focusScopePriority('ColumnScope1', FocusPriority.PRIOR) // Focuses when Column1 first gains focus.
739 …usScopePriority('ColumnScope2', FocusPriority.PREVIOUS) // Focuses when Column2 first gains focus.
765 .focusScopeId('ColumnScope2', true) // Column2 is a focus group.
773 
779 … a focus group, which means that when the **Tab** key is pressed, the focus quickly moves out from…
780 …Column** component in the upper left corner does not have a focus group set. Therefore, focus can …
784 When a component is in focus and has either an **onClick** or **TapGesture** event defined, pressin…
791 > 4. The component's response to the **onClick** event is independent of whether the focus is acti…
818 