Material: Add proper elevation support

- Added an ElevationEffect component based on elevation shadows from Angular Material
- Use it on Button, ToolBar, ComboBox, Drawer, Pane, Popup, Menu, and Switch
- Add an elevation property to the Material attached object
- Update the button colors based on the elevation property

Change-Id: I5152e1a56bdcb1016cc4f945a16ef510e0cdece6
Task-number: QTBUG-51276
Reviewed-by: Nikita Krupenko <krnekit@gmail.com>
Reviewed-by: J-P Nurmi <jpnurmi@qt.io>

1 files changed, 9 insertions, 0 deletions

diff --git a/examples/quickcontrols2/gallery/gallery.qml b/examples/quickcontrols2/gallery/gallery.qml
index 3ca1d860..5ccd799c 100644
--- a/examples/quickcontrols2/gallery/gallery.qml
+++ b/examples/quickcontrols2/gallery/gallery.qml
@@ -264,6 +264,11 @@ ApplicationWindow {
                         settings.style = styleBox.displayText
                         settingsPopup.close()
                     }
+
+                    Material.foreground: Material.primary
+                    Material.background: "transparent"
+                    Material.elevation: 0
+
                     Layout.preferredWidth: 0
                     Layout.fillWidth: true
                 }
@@ -275,6 +280,10 @@ ApplicationWindow {
                         styleBox.currentIndex = styleBox.styleIndex
                         settingsPopup.close()
                     }
+
+                    Material.background: "transparent"
+                    Material.elevation: 0
+
                     Layout.preferredWidth: 0
                     Layout.fillWidth: true
                 }