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

InnerShadow not behaving as expected

    XMLWordPrintable

Details

    Description

      User reported that they are trying to replicate simple raised/depressed button with altering innerShadow between 20% white(raised) and 50% black(depressed).

      In Sketch this looks good(Example attached) but not correct when using innerShadow on Rectangle element in QML.

      User had multiple attempts and results were:

      20% opacity white shadow("Qt.hsla(0,0,1,0.2)") makes the background color DARKER. If they raise opacity to .75 the brightness is right but the saturation is down.

       

      Users example button attached.

      On line 117 the reference square does the blending the way he has expected: Lighter shade for background color. They want translucent, white inner shadow to blend like that.

      Attachments

        1. bad_blending.png
          44 kB
          Aaron Fuleki
        2. Button.qml
          6 kB
          Tero Pelkonen
        3. icon_placeholder.svg
          0.3 kB
          Tero Pelkonen
        4. innershadow_error.png
          78 kB
          Tero Pelkonen
        No reviews matched the request. Check your Options in the drop-down menu of this sections header.

        Activity

          People

            e0150566 Janne Koskinen
            tero.pelkonen Tero Pelkonen
            Votes:
            1 Vote for this issue
            Watchers:
            7 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Gerrit Reviews

                There are no open Gerrit changes