Qt 5.6 的 Qt.labs.controls 在安卓上效果

Qt 5.6 的 Qt.labs.controls 在安卓上效果

Qt 5.6 发布也有一段时间了。其中的 QtQuick.Controls 2.0 也以技术预览的方式发布出来。

这里给大家一睹为快。

测试代码如下：

import QtQuick 2.6
import QtQuick.Window 2.2
import Qt.labs.controls 1.0
import QtQuick.Layouts 1.3

ApplicationWindow {
    id: mainWindow
    visible: true
    width: 360
    height: 640

    // font.pointSize: 20 起步
    font.pointSize: slider.value * 50

    Drawer {
        //edge: Qt.TopEdge
        Rectangle {
            width: mainWindow.width * 0.8
            height: mainWindow.height
            color: "red"
        }
    }

    SwipeView {
        id: view
        anchors.fill: parent
        currentIndex: 2
        Item {
            id: firstPage
            ButtonGroup {
                buttons: column.children
            }

            Column {
                id: column

                RadioButton {
                    checked: true
                    text: qsTr("DAB")
                }

                RadioButton {
                    text: qsTr("FM")
                }

                RadioButton {
                    text: qsTr("AM")
                }
            }
        }
        Item {
            id: secondPage
            Button {
                text: "Button"
            }
        }
        Item {
            id: thirdPage
            Flow {
                width: parent.width
                height: parent.height
                Switch {
                    text: qsTr("Wi-Fi")
                }
                RangeSlider {
                    first.value: 0.25
                    second.value: 0.75
                }
                CheckBox {
                    checked: true
                    text: qsTr("First")
                }
                Button {
                    text: "Button"
                    onClicked: {
                    }
                }

                Dial {
                    Keys.onLeftPressed: {}
                }
                Frame {
                    ColumnLayout {
                        anchors.fill: parent
                        CheckBox { text: qsTr("E-mail") }
                        CheckBox { text: qsTr("Calendar") }
                        CheckBox { text: qsTr("Contacts") }
                    }
                }
                ProgressBar {
                    value: 0.5
                }
                Label {
                    text: mainWindow.font.pixelSize+ "," + mainWindow.font.pointSize
                }

                Slider {
                    id: slider
                    value: 0.5
                    width: parent.width
                }

            }
        }
    }

    PageIndicator {
        id: indicator

        count: view.count
        currentIndex: view.currentIndex

        anchors.bottom: view.bottom
        anchors.horizontalCenter: parent.horizontalCenter
    }
}

在 Window 7 上测试时，抽屉（ Drawer ）控件是有效的，但是在安卓上就无法拖出抽屉控件。控件风格默认以灰色为主格调。

在安卓下的效果：

可以看出，默认的控件在安卓上，大小偏小。

通过设置 ApplicationWindow::font.pointSize 来控制控件中字体的大小。

字体大小改变了，但是控件本身没有变动。看来还得多段时间的发展。

此外，在 Window 7 上测试代码时，如果使用 BusyIndicator 或者 ComboBox 有一定概率无法退出程序，或者程序会奔溃。