Add original Java GUI toolbar icons
This commit is contained in:
BIN
icons/ball-red.png
Normal file
BIN
icons/ball-red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 827 B |
BIN
icons/func-additem.png
Normal file
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
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
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
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
BIN
icons/func-email.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@@ -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; }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user