org::kde::kirigami::ShadowedImage Class Reference

Inherits Item, and Item.

Properties
alias	asynchronous
alias	border
alias	color
alias	corners
alias	fillMode
alias	radius
alias	shadow
alias	source
alias	sourceSize

Detailed Description

An image with a shadow.

This item will render a image, with a shadow below it. The rendering is done using distance fields, which provide greatly improved performance. The shadow is rendered outside of the item's bounds, so the item's width and height are the don't include the shadow.

Example usage:

import org.kde.kirigami 2.19
 
ShadowedImage {
    source: 'qrc:/myKoolGearPicture.png'
 
    radius: 20
 
    shadow.size: 20
    shadow.xOffset: 5
    shadow.yOffset: 5
 
    border.width: 2
    border.color: Kirigami.Theme.textColor
 
    corners.topLeftRadius: 4
    corners.topRightRadius: 5
    corners.bottomLeftRadius: 2
    corners.bottomRightRadius: 10
}

Since

5.69

2.12

Definition at line 45 of file ShadowedImage.qml.

Property Documentation

asynchronous

bool org::kde::kirigami::ShadowedImage::asynchronous

read

This property sets whether this image should be loaded asynchronously.

Set this to false if you want the main thread to load the image, which blocks it until the image is loaded. Setting this to true loads the image in a separate thread which is useful when maintaining a responsive user interface is more desirable than having images immediately visible.

See also

QtQuick.Image::asynchronous

Definition at line 97 of file ShadowedImage.qml.

border

org::kde::kirigami::ShadowedRectangle::BorderGroup org::kde::kirigami::ShadowedImage::border

read

This propery holds the border's properties of the image.

See also

org::kde::kirigami::ShadowedRectangle::border

Definition at line 74 of file ShadowedImage.qml.

color

color org::kde::kirigami::ShadowedImage::color

read

This property holds the color that will be underneath the image.

This will be visible if the image has transparancy.

See also

org::kde::kirigami::ShadowedRectangle::radius

Definition at line 56 of file ShadowedImage.qml.

corners

org::kde::kirigami::ShadowedRectangle::CornersGroup org::kde::kirigami::ShadowedImage::corners

read

This propery holds the corner radius properties of the image.

See also

org::kde::kirigami::ShadowedRectangle::corners

Definition at line 80 of file ShadowedImage.qml.

fillMode

int org::kde::kirigami::ShadowedImage::fillMode

read

This property defines what happens when the source image has a different size than the item.

See also

QtQuick.Image::fillMode

Definition at line 104 of file ShadowedImage.qml.

radius

real org::kde::kirigami::ShadowedImage::radius

read

This propery holds the corner radius of the image.

See also

org::kde::kirigami::ShadowedRectangle::radius

Definition at line 62 of file ShadowedImage.qml.

shadow

org::kde::kirigami::ShadowedRectangle::ShadowGroup org::kde::kirigami::ShadowedImage::shadow

read

This property holds shadow's properties group.

See also

org::kde::kirigami::ShadowedRectangle::shadow

Definition at line 68 of file ShadowedImage.qml.

source

alias org::kde::kirigami::ShadowedImage::source

read

This propery holds the source of the image.

QtQuick.Image::source

Definition at line 85 of file ShadowedImage.qml.

sourceSize

alias org::kde::kirigami::ShadowedImage::sourceSize

read

This property holds the scaled width and height of the full-frame image.

See also

QtQuick.Image::sourceSize

Definition at line 109 of file ShadowedImage.qml.

---

The documentation for this class was generated from the following file:

• ShadowedImage.qml