id: root
property string label
property bool disabled: false
+ property int fontSize: 30
property int maxSize: 27
property string iconSource
Rectangle {
id: box
color: root.disabled ? Const.COOL_GREY_COLOR : "black"
- height: textbox.height+20
- width: textbox.width<100 ? 120 : textbox.width+20
+ height: root.iconSource=="" ? textbox.height+20 : icon.height+20
+ width: root.iconSource=="" ? textbox.width+30 : icon.width+30
radius: 10
}
color: Const.WARM_GREY_COLOR
radius: 10
visible: root.state == "pressed"
- //border.color: "black"
- //border.width: Const.SHADOW_OFFSET
}
Image {
id: icon
- width: 40
- height: 40
+ //width: 30
+ //height: 30
anchors.centerIn: box
source: root.iconSource == "" ? "" : "../" + root.iconSource
sourceSize.width: width
onLabelChanged: {
if(root.label.length>root.maxSize) {
- console.log("root.label: "+root.label)
- console.log("root.label.length: "+root.label.length)
- console.log("root.maxSize: "+root.maxSize)
textbox.text = root.label.substring(0,root.maxSize-3)+"...";
} else {
textbox.text = root.label;
Text {
id: textbox
- //x: 10
- //y: 10
- font.pixelSize: 30
+ font.pixelSize: root.fontSize
color: root.disabled ? "gray" : "white"
anchors.centerIn: box
visible: root.iconSource == ""