Finalize it GUI

This commit is contained in:
2025-01-27 21:54:21 +00:00
parent 3c67b2ed4b
commit 89229c6e3b
3 changed files with 59 additions and 13 deletions

View File

@@ -1,5 +1,5 @@
import { VRAMArea } from "../vram-components.slint";
import { GroupBox, StandardListView } from "std-widgets.slint";
import { Button, ComboBox, GroupBox, StandardListView } from "std-widgets.slint";
export component MainTab inherits Rectangle {
width: group.width + group.x*2;
@@ -15,7 +15,8 @@ export component MainTab inherits Rectangle {
width: background_image.width + 8px;
height: background_image.height + 8px;
border-width: 4px;
border-color: black;
border-color: #404040;
background: #A0A0A0;
background_image := VRAMArea {
x: 4px;
y: 4px;
@@ -33,19 +34,45 @@ export component MainTab inherits Rectangle {
}*/
}
HorizontalLayout {
padding: 4px;
GroupBox {
title: "Added Files";
StandardListView {
width: background_image.width/2;
height: 128px;
model: [ { text: "Blue"}, { text: "Red" }, { text: "Green" },
{ text: "Yellow" }, { text: "Black"}, { text: "White"},
{ text: "Magenta" }, { text: "Cyan" },
];
VerticalLayout {
alignment: start;
padding: 4px;
StandardListView {
width: background_image.width/2;
height: 128px;
model: [ { text: "Blue"}, { text: "Red" }, { text: "Green" },
{ text: "Yellow" }, { text: "Black"}, { text: "White"},
{ text: "Magenta" }, { text: "Cyan" },
];
}
HorizontalLayout {
padding: 4px;
Button {
text: "Add File";
}
Button {
text: "Remove File";
}
}
}
}
GroupBox {
title: "Current File";
VerticalLayout {
padding: 4px;
Rectangle {
width: 128px;
height: 128px;
background: #A0A0A0;
}
ComboBox {
model: ["4-bit", "16-bit", "24-bit"];
current-value: "4-bit";
}
}
}
}
}