mirror of
https://github.com/slint-ui/slint.git
synced 2025-09-30 13:51:13 +00:00
6fefe75a1c
Achieve this by generating a `focus()` function for such components
and call it from the outside.
This replaces the previous focus handling with what should be cleaner:
- Any `forward-focus: some-element;` is basically syntactic sugar for
`public function focus() { some-element.focus(); }`.
- The init code gets simplified to calling focus() on the root, if it's
available.
Since the `focus()` functions are now generated in the imports pass,
they become visible in the style checker. That means the checker
requires consistent focus handling between the styles.
63 lines
1.7 KiB
Text
63 lines
1.7 KiB
Text
// Copyright © SixtyFPS GmbH <info@slint.dev>
|
|
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-1.1 OR LicenseRef-Slint-commercial
|
|
|
|
|
|
export X := Rectangle {
|
|
forward-focus: someRect;
|
|
// ^error{Cannot forward focus to unfocusable element}
|
|
|
|
callback trigger_focus_change();
|
|
trigger_focus_change => {
|
|
someRect.focus();
|
|
// ^error{focus\(\) can only be called on focusable elements}
|
|
}
|
|
|
|
indirect_focus_chain_rect := Rectangle {
|
|
forward-focus: someRect;
|
|
// ^error{Cannot forward focus to unfocusable element}
|
|
}
|
|
|
|
callback trigger_focus_change_2();
|
|
trigger_focus_change_2 => {
|
|
indirect_focus_chain_rect.focus();
|
|
}
|
|
|
|
someRect := Rectangle {}
|
|
|
|
someFocusScope := FocusScope {}
|
|
callback activate_focus_scope();
|
|
activate_focus_scope => {
|
|
someFocusScope.focus(); // OK!
|
|
}
|
|
}
|
|
|
|
|
|
|
|
export Y := FocusScope {
|
|
forward-focus: self;
|
|
// ^error{forward-focus can't refer to itself}
|
|
x:= X { }
|
|
key-pressed => {
|
|
r0.focus();
|
|
x.focus();
|
|
// ^error{focus\(\) can only be called on focusable elements}
|
|
accept
|
|
}
|
|
|
|
r1:= Rectangle {
|
|
forward-focus: r2;
|
|
// ^error{Cannot forward focus to unfocusable element}
|
|
}
|
|
r0:= Rectangle {
|
|
forward-focus: r1;
|
|
// ^error{Cannot forward focus to unfocusable element}
|
|
}
|
|
r2 := Rectangle {
|
|
forward-focus: r3;
|
|
// ^error{Cannot forward focus to unfocusable element}
|
|
}
|
|
r3 := Rectangle {
|
|
forward-focus: r1;
|
|
// ^error{Cannot forward focus to unfocusable element}
|
|
}
|
|
}
|