The UbuntuShape item provides a standard Ubuntu shaped rounded rectangle. More...
The UbuntuShape is used where a rounded rectangle is needed either filled with a color or an image that it crops.
When given with a color it is applied with an overlay blending as a vertical gradient going from color to gradientColor. Two corner radius are available, "small" (default) and "medium", that determine the size of the corners. Optionally, an Image can be passed that will be displayed inside the UbuntuShape and cropped to fit it.
Examples:
import Ubuntu.Components 0.1 UbuntuShape { color: "lightblue" radius: "medium" }
import Ubuntu.Components 0.1 UbuntuShape { image: Image { source: "icon.png" } }
import Ubuntu.Components 0.1 UbuntuShape { maskSource: "customMask.sci" borderSource: "customBorder.sci" }
This documentation is deprecated.
The image used as a border. We plan to expose that feature through styling properties.
The top color of the gradient used to fill the shape. Setting only this one is enough to set the overall color the shape.
gradientColor : color |
The bottom color of the gradient used for the overlay blending of the color that fills the shape. It is optional to set this one as setting color is enough to set the overall color of the shape.
This documentation is deprecated.
The image used to mask the image. We plan to expose that feature through styling properties.