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
Forum Updated to NodeBB v4.3 + New Features

QML Material Design styles

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
3 Posts 3 Posters 1.4k 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
        5.15 --> 6.9 https://t1p.de/ekkeChecklist
        QMake --> CMake https://t1p.de/ekkeCMakeMobileApps

        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