Add original Java GUI toolbar icons

This commit is contained in:
accusys
2026-03-29 15:54:47 +08:00
parent ebe1de3f9c
commit 97a9a8d842
7 changed files with 62 additions and 12 deletions

BIN
icons/ball-red.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 827 B

BIN
icons/func-additem.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
icons/func-createarray.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
icons/func-deletearray.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
icons/func-deleteitem.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
icons/func-email.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -118,49 +118,99 @@ export component AppWindow inherits Window {
HorizontalLayout { HorizontalLayout {
spacing: 8px; spacing: 8px;
// Add button with icon
Rectangle { Rectangle {
width: 80px; width: 32px;
height: 32px; height: 32px;
background: #ffffff; Image {
border-radius: 3px; source: @image-url("../icons/func-additem.png");
Text { text: "Add"; font_size: 12px; color: #000000; horizontal-alignment: center; vertical-alignment: center; } width: 24px;
height: 24px;
}
} }
// Remove button with icon
Rectangle { Rectangle {
width: 80px; width: 32px;
height: 32px; height: 32px;
background: #ffffff; Image {
border-radius: 3px; source: @image-url("../icons/func-deleteitem.png");
Text { text: "Remove"; font_size: 12px; color: #000000; horizontal-alignment: center; vertical-alignment: center; } width: 24px;
height: 24px;
}
} }
Rectangle { width: 10px; } Rectangle { width: 10px; }
// Create button with icon
Rectangle { Rectangle {
width: 90px; width: 90px;
height: 32px; height: 32px;
background: #4a90d9; background: #4a90d9;
border-radius: 3px; border-radius: 3px;
Text { text: "Create"; font_size: 12px; color: white; horizontal-alignment: center; vertical-alignment: center; } HorizontalLayout {
padding: 4px;
Image {
source: @image-url("../icons/func-createarray.png");
width: 20px;
height: 20px;
}
Text { text: "Create"; font_size: 12px; color: white; vertical-alignment: center; }
}
} }
// Delete button with icon
Rectangle { Rectangle {
width: 80px; width: 80px;
height: 32px; height: 32px;
background: #d94a4a; background: #d94a4a;
border-radius: 3px; border-radius: 3px;
Text { text: "Delete"; font_size: 12px; color: white; horizontal-alignment: center; vertical-alignment: center; } HorizontalLayout {
padding: 4px;
Image {
source: @image-url("../icons/func-deletearray.png");
width: 20px;
height: 20px;
}
Text { text: "Delete"; font_size: 12px; color: white; vertical-alignment: center; }
}
} }
Rectangle { width: 10px; } Rectangle { width: 10px; }
// Email button with icon
Rectangle { Rectangle {
width: 80px; width: 80px;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
border-radius: 3px; border-radius: 3px;
Text { text: "Email"; font_size: 12px; color: #000000; horizontal-alignment: center; vertical-alignment: center; } HorizontalLayout {
padding: 4px;
Image {
source: @image-url("../icons/func-email.png");
width: 20px;
height: 20px;
}
Text { text: "Email"; font_size: 12px; color: #000000; vertical-alignment: center; }
}
} }
// Settings button with icon
Rectangle { Rectangle {
width: 80px; width: 80px;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
border-radius: 3px; border-radius: 3px;
Text { text: "Settings"; font_size: 12px; color: #000000; horizontal-alignment: center; vertical-alignment: center; } HorizontalLayout {
padding: 4px;
Image {
source: @image-url("../icons/func-settings.png");
width: 20px;
height: 20px;
}
Text { text: "Settings"; font_size: 12px; color: #000000; vertical-alignment: center; }
}
} }
} }
} }