Uploaded image for project: 'Qt'
  1. Qt
  2. QTBUG-98334

Support rounded corners on QtQuick Image

XMLWordPrintable

    • Icon: Suggestion Suggestion
    • Resolution: Won't Do
    • Icon: Not Evaluated Not Evaluated
    • None
    • None
    • Quick: SceneGraph
    • None

      Like the Rectangle item, i think the Image item also need a "radius" property. The need to display a rounded image is very common. I know that OpacityMask can be used to achieve it, but OpacityMask belongs to QtGraphicalEffects, and it is only provided for compatibility in Qt6. Another way is to use ShaderEffect, in fact OpacityMask does just that. The rounded corner area usually only occupies a small area of the total area of the image, i think that using ShaderEffect is not the best performance method. We can add support for "radius" to QSGInternalImageNode to make the Image item more complete.

        1. roundedImage.qml
          0.4 kB
        For Gerrit Dashboard: QTBUG-98334
        # Subject Branch Project Status CR V
        381364,7 WIP allow Rectangle to clip children with radius dev qt/qtdeclarative Status: NEW -2 0
        602359,5 Add containment manual tests dev qt/qtdeclarative Status: NEW -1 0

            qt.team.quick.subscriptions Qt Quick and Widgets Team
            zccrs JiDe Zhang
            Votes:
            4 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                There are 2 open Gerrit changes