KDE API Reference

Contents

ShadowedImage QML Type

An image with a shadow. More...

Import Statement: import org.kde.kirigami.primitives
Since: 5.69
Inherits:

Item

Properties

Detailed Description

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

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
}

Property Documentation

asynchronous : alias

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.

@property bool asynchronous

See also QtQuick.Image::asynchronous.


border : alias

* TODO qdoc

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

See also org::kde::kirigami::ShadowedRectangle::border.


color : color

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

This will be visible if the image has transparancy.

See also ShadowedRectangle::radius.


corners : alias

* TODO qdoc

This propery holds the corner radius properties of the image.

@property ShadowedRectangle::CornersGroup corners

See also org::kde::kirigami::ShadowedRectangle::corners.


fillMode : alias

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

@property int fillMode

See also QtQuick.Image::fillMode.


mipmap : alias

This property holds whether the image uses mipmap filtering when scaled or transformed.

@property bool mipmap

See also QtQuick.Image::mipmap.


radius : qreal

This propery holds the corner radius of the image.

See also ShadowedRectangle::radius.


shadow group

shadow.size : qreal

shadow.size : qreal

shadow.size : qreal

shadow.size : qreal

TODO qdoc

This property holds shadow's properties group.

See also ShadowedRectangle::shadow.


source : var

This propery holds the source of the image.

See also QtQuick.Image::source.


sourceSize : alias

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

See also QtQuick.Image::sourceSize.


status : alias [read-only]

* @brief This property holds the status of image loading. * @see QtQuick.Image::status * @since 6.5