我可以在Qt中制作材质导航抽屉和FAB吗?

时间:2016-06-12 13:42:18

标签: qt qml qt5 qtquick2 qtquickcontrols2

我是Qt的新手,我使用Quick Controls 2.0下载v 5.7主要用于Android开发,我想知道是否有可能使用一些材料控件,如滑动导航抽屉和浮动动作按钮,因为它们现在无处不在(例如最近的推特应用程序)。

感谢。

3 个答案:

答案 0 :(得分:3)

使用Qt快速控制2.0中的Drawer。我还在搜索应用程序抽屉和here it is

为了帮助你,我做了一个简单的例子。将其粘贴到main.qml并运行。

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick 2.7

ApplicationWindow {
    id: window
    width: 480
    height: 640
    visible: true

    Drawer {
        id: drawer
        width: window.width/2
        height: window.height
        Rectangle{
            Column{
                spacing: 5
                Label{
                    text:"Awesome"
                }
                Label{
                    text:"Awesome"
                }
                Label{
                    text:"Awesome"
                }
                Label{
                    text:"Awesome"
                }
            }
        }
    }

    Rectangle {
        id: rectangle1
        color: "#ffffff"
        anchors.fill: parent
        anchors.centerIn: parent
        Label{
            id:label
            text:"Yeah Label is awesome"
        }
        Rectangle{
            id: rectangle
            anchors.centerIn: parent
            color:"Red"
            height: parent.height/2
            width: parent.width/2
        }
    }
}

答案 1 :(得分:3)

自Qt 5.8发布以来,Qt Quick Controls 2.1有一个名为RoundButton的QML类型,它在Material样式中具有高程效果。它在Text Editor Example

中被演示为浮动操作按钮

Qt Quick Controls 2 - Text Editor Example

答案 2 :(得分:2)

以下是如何在QML中创建导航抽屉的示例:Qt Quick Navigation Drawer

可以找到相应的要点here