Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. QML Material Design styles
Qt 6.11 is out! See what's new in the release blog

QML Material Design styles

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
3 Posts 3 Posters 1.7k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • K Offline
    K Offline
    krobinson
    wrote on last edited by
    #1

    Working with the material deign style, I have come across a few things that I would like to change. Mainly it seems that the style is geared toward touch so it has a lot of padding, etc on things. This is nice, but sometimes it ends up looking weird in the desktop environment with so much extra space. An example of something that I would like to modify is with the CheckBox. It has the circle behind the check when hovering. I would like to remove that to regain all the space that it takes up. I found the CheckBox.qml in the source at qtquickcontrols2\src\imports\controls\material. I figured maybe I could just create a new style copy the indicator over leaving out the Ripple control. The issue I am having is that the CheckIndicator is not defined. I am assuming it is part of QtQuick.Controls.Material.impl 2.2, but that cannot be found if I try to include it. Is there any way that I can make this work? I would like to keep the material check indicator.

    jiancaiyangJ ekkescornerE 2 Replies Last reply
    0
    • K krobinson

      Working with the material deign style, I have come across a few things that I would like to change. Mainly it seems that the style is geared toward touch so it has a lot of padding, etc on things. This is nice, but sometimes it ends up looking weird in the desktop environment with so much extra space. An example of something that I would like to modify is with the CheckBox. It has the circle behind the check when hovering. I would like to remove that to regain all the space that it takes up. I found the CheckBox.qml in the source at qtquickcontrols2\src\imports\controls\material. I figured maybe I could just create a new style copy the indicator over leaving out the Ripple control. The issue I am having is that the CheckIndicator is not defined. I am assuming it is part of QtQuick.Controls.Material.impl 2.2, but that cannot be found if I try to include it. Is there any way that I can make this work? I would like to keep the material check indicator.

      jiancaiyangJ Offline
      jiancaiyangJ Offline
      jiancaiyang
      wrote on last edited by
      #2

      @krobinson It will be similar to my post: https://forum.qt.io/topic/86296/qt-quick-controls-2-material-size-too-big-on-desktop/8

      我们自己的论坛:http://qtdream.com
      擅长三维角色仿真动画。

      1 Reply Last reply
      0
      • K krobinson

        Working with the material deign style, I have come across a few things that I would like to change. Mainly it seems that the style is geared toward touch so it has a lot of padding, etc on things. This is nice, but sometimes it ends up looking weird in the desktop environment with so much extra space. An example of something that I would like to modify is with the CheckBox. It has the circle behind the check when hovering. I would like to remove that to regain all the space that it takes up. I found the CheckBox.qml in the source at qtquickcontrols2\src\imports\controls\material. I figured maybe I could just create a new style copy the indicator over leaving out the Ripple control. The issue I am having is that the CheckIndicator is not defined. I am assuming it is part of QtQuick.Controls.Material.impl 2.2, but that cannot be found if I try to include it. Is there any way that I can make this work? I would like to keep the material check indicator.

        ekkescornerE Offline
        ekkescornerE Offline
        ekkescorner
        Qt Champions 2016
        wrote on last edited by
        #3

        @krobinson good news: there's some work on 'dense' style for desktop: https://bugreports.qt.io/browse/QTBUG-51109

        ekke ... Qt Champion 2016 | 2024 ... mobile business apps

        1 Reply Last reply
        1

        • Login

        • Login or register to search.
        • First post
          Last post
        0
        • Categories
        • Recent
        • Tags
        • Popular
        • Users
        • Groups
        • Search
        • Get Qt Extensions
        • Unsolved