Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business

Squaby Demo

 import QtQuick 2.0
 //import Felgo 4.0 // why isnt this working?
 import Felgo 4.0

 // unfortunatley no gradient for font color/filling is possible, so use the precreated images
 //Text {
 //    FontLoader { id: jelly; source: Qt.resolvedUrl("../assets/img/JellyBelly.ttf") }
 //    font.family: jelly.name
 //    font.pointSize: 15
 //    text: "TestText 123456789"
 //}
 //Item {
 //    id: costItem
 //    clip: true
 //    width: 32
 //    height: 23
 //    // the price can be set in steps of 5, beginning with 5 and ending with 90 (so 5, 10, 15,20,...,90) because these images are set in the priceTags.png image
 //    property int cost: 5

 //    //onPriceChanged: priceImage.x = (price/5)-1*priceItem.width

 //    Image {
 //        id: priceImage
 //        source: Qt.resolvedUrl("../assets/img/priceTags.png")
 //        //
 //        x: -((cost/5)-1)*costItem.width
 //    }

 //}

 SingleSquabySprite {
     // old, without loading the image from a file
 //    frameWidth: 32
 //    frameHeight: 23
 //    startFrameColumn: cost/5
 //    spriteSheetSource: Qt.resolvedUrl("../assets/img/priceTags.png")

     // each priceTag has its own image file in 5-multiple steps, e.g.: 5.png, 10.png, ...
     source: Qt.resolvedUrl("../../../assets/img/menu_labels/" + Math.abs(cost) + ".png")

     // the price can be set in steps of 5, beginning with 5 and ending with 90 (so 5, 10, 15,20,...,90) because these images are set in the priceTags.png image
Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded