language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-08-04 18:58:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Introduce ComboboxBase and in/decrement selection by scroll event (#3648)

Browse source
This commit is contained in:
Florian Blasius 2023-10-11 12:55:49 +02:00 • committed by GitHub
parent 2324b35d12
commit caecbb98ac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 153 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

76
internal/compiler/widgets/qt/std-widgets.slint
View file

@ -7,6 +7,7 @@ import { LineEditInner, TextEdit, AboutSlint } from "../common/common.slint";
import { StyleMetrics, ScrollView } from "std-widgets-impl.slint";
import { StandardTableView } from "tableview.slint";
export { StyleMetrics, ScrollView, TextEdit, AboutSlint, StandardTableView }
import { ComboBoxBase } from "../common/combobox-base.slint";
export component Button {
in property<string> text <=> native.text;
@ -232,72 +233,55 @@ export component StandardListView inherits StandardListViewBase {
}
export component ComboBox inherits NativeComboBox {
in property <[string]> model;
in-out property <int> current-index : 0;
current-value: root.model[root.current-index];
out property has-focus <=> fs.has-focus;
enabled: true;
callback selected(string);
forward-focus: fs;
callback selected <=> i-base.selected;
in property <[string]> model <=> i-base.model;
in-out property <int> current-index <=> i-base.current-index;
out property has-focus <=> i-base.has-focus;
enabled: true;
accessible-role: combobox;
accessible-value <=> root.current-value;
current-value: root.model[root.current-index];
forward-focus: i-base;
i-base := ComboBoxBase {
width: 100%;
height: 100%;
current-value <=> root.current-value;
show-popup => {
i-popup.show();
}
}
i-popup := PopupWindow {
x: 0;
y: root.height;
width: root.width;
popup := PopupWindow {
x:0;
NativeComboBoxPopup {
width: 100%;
height: 100%;
}
y: root.height;
width: root.width;
VerticalLayout {
spacing: 0px;
for value[i] in root.model: NativeStandardListViewItem {
for value[index] in root.model: NativeStandardListViewItem {
item: { text: value };
is-selected: root.current-index == i;
is-selected: root.current-index == index;
has-hover: ta.has-hover;
combobox: true;
ta := TouchArea {
clicked => {
if (root.enabled) {
root.current-index = i;
root.current-value = value;
root.selected(root.current-value);
}
//is-open = false;
i-base.select(index);
}
}
}
}
}
fs := FocusScope {
key-pressed(event) => {
if (event.text == Key.UpArrow) {
root.current-index = Math.max(root.current-index - 1, 0);
root.current-value = root.model[root.current-index];
return accept;
} else if (event.text == Key.DownArrow) {
root.current-index = Math.min(root.current-index + 1, root.model.length - 1);
root.current-value = root.model[root.current-index];
return accept;
// PopupWindow can not get hidden again at this time, so do not allow to pop that up.
// } else if (event.text == Key.Return) {
// touch.clicked()
// return accept;
}
return reject;
}
touch := TouchArea {
enabled <=> root.enabled;
clicked => {
root.focus();
popup.show();
}
}
}
}
export component TabWidgetImpl inherits NativeTabWidget { }