Lines Matching refs:focus
3 Focus control attributes set whether a component is focusable and how it participates in focus navi…
9 …tribute to **Hidden** or **None** does not impact their child components' capability to gain focus.
11 > - Components can actively acquire focus independently of the window's focus state.
13 > - For details about focus development, see [Focus Event](../../../ui/arkts-common-events-focus-e…
29 …cusable by default. Only focusable components can trigger a [focus event](ts-universal-focus-event…
35 Sets the Tab order of the component in sequential focus navigation with the **Tab** key.
45 …focus navigation with the **Tab** key. When components with positive **tabIndex** values are prese…
52 Specifies whether to set the component as the default focus of the page.
62 …focus of the page. This parameter takes effect only when the page is new and accessed for the firs…
68 Specifies whether to set the component as the default focus of the container.
78 …focus of the parent container. This parameter takes effect only when the container is new and obta…
100 Sets the system focus box style for the component.
110 …| System focus box style for the component.<br>**NOTE**<br>This style affects only the components …
115 Implements focus control.
123 Requests the focus to move to the specified component. It is a global API. This API does not take e…
137 …turns whether the focus is successfully moved to the target component. Returns **true** if the spe…
141 …focus control: [TextInput](ts-basic-components-textinput.md), [TextArea](ts-basic-components-texta…
149 …rics](../js-apis-arkui-graphics.md#lengthmetrics12) | No| Distance of the focus box from the compo…
150 …| [ColorMetrics](../js-apis-arkui-graphics.md#colormetrics12) | No| Stroke color of the focus box.|
151 …](../js-apis-arkui-graphics.md#lengthmetrics12) | No| Stroke width of the focus box.<br>Negative n…
157 Sets the focus priority of this component in a specified container. It must be used together with *…
167 | scopeId | string | Yes | ID of the container component where the current component's focus prio…
168 …focus traversal and component focus:<br>1. When the container gains focus as a whole (page level s…
178 | AUTO | Default priority, that is, the focus priority assigned by default.|
186 Assigns an ID to this container component and specifies whether the container is a focus group.
197 …focus group.<br>**NOTE**<br>Focus groups cannot be nested and should not be configured repeatedly.…
203 Assigns an ID to this container component and specifies whether the container is a focus group.
212 …focus group.<br>**NOTE**<br>Focus groups cannot be nested and should not be configured repeatedly.…
213 …owStepOut<sup>14+</sup> | boolean | No | Whether the focus can be moved out of the current focus…
219 …is container component is a focus stop. During focus traversal, the focus stops at the container c…
229 …focus stop.<br>**NOTE**<br>1. To configure **tabStop**, make sure the component is a container and…
231 **Example for describing the keys and focusable components during focus traversal**
235 …current focus is on **button2**, pressing the **Tab** key will move the focus to **Column3**. Pres…
241 …focus after the page is created. **groupDefaultFocus** sets the bound component as the initial foc…
282 ….tabIndex(1) // The column is the initial component to have focus in sequenti…
297 … .groupDefaultFocus(true) // The button obtains focus when its upper-level column is in focus.
310 ….tabIndex(2) // The column is the second component to have focus in sequentia…
318 …faultFocus(true) // The <TextInput> component is the initial default focus of the page.
362 ….tabIndex(3) // The column is the third component to have focus in sequential…
370 On first-time access, the focus is on the **TextInput** component bound to **defaultFocus**.
374 When you press the **Tab** key for the first time, the focus switches to the container that matches…
378 When you press the **Tab** key for the second time, the focus switches to the container that matche…
382 When you press the **Tab** key for the third time, the focus switches to the container that matches…
386 …**focusOnTouch** sets the focus on the component and removes the focus indicator. Pressing the Tab…
392 This example demonstrates how to set focus on a specific component using **focusControl.requestFocu…
449 …let res = focusControl.requestFocus(this.selectId) // Move the focus to the component specifi…
464 Press the **Tab** key to activate the focus state.
465 Below shows how the UI behaves when you request focus for a component that does not exist.
469 Below shows how the UI behaves when you request focus for a component that is not focusable.
473 Below shows how the UI behaves when you request focus for a focusable component.
479 This example shows how to change the focus box style of a component by configuring **focusBox**.
489 Button("small black focus box")
494 Button("large red focus box")
512 …focus when its container gains focus by configuring **focusScopePriority**. Configuring **focusSco…
565 ….focusScopePriority('ColumnScope1', FocusPriority.PRIOR) // Focuses when Column1 first gains focus.
604 …usScopePriority('ColumnScope2', FocusPriority.PREVIOUS) // Focuses when Column2 first gains focus.
630 .focusScopeId('ColumnScope2', true) // Column2 is a focus group.
639 This example illustrates how to use **tabStop** to make the focus stop on a component during focus …
704 When the **Tab** key is pressed twice in succession, the focus is on the second child component.
708 After the **Tab** key is pressed again, the focus moves to the component configured with **tabStop*…
712 After the **Tab** key is pressed once more, the focus loops back to the first child component.