如何将QML查看器自身滑入屏幕

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将QML查看器自身滑入屏幕相关的知识,希望对你有一定的参考价值。

我计划在flow1上添加一个按钮,这将使column从右向左快速滑动,所以我可以改变一些选项,然后把它放好,以便它向后滑动。这有点像你在android上从左向右滑动它会滑动一列为你制作chnges.enter image description here

如你所见,我把column放在flow1之后。计划是添加一个动画,让两个观众向左滑动,直到大部分屏幕被column覆盖。

这是正确的方法吗?将它隐藏在屏幕上并让它们出现让我感到不舒服。

是否有可能为qt快速定位器制作动画?

答案

我想你正在寻找Drawer组件(可在Qt 5.7及更高版本中获得)。

您可以使用edge属性控制抽屉打开的窗口边缘。

import QtQuick 2.7
import QtQuick.Controls 2.0

ApplicationWindow {
    id: window
    visible: true

    Drawer {
        id: drawer
        width: 0.66 * window.width
        height: window.height

        // Make drawer comes from the right
        edge: Qt.RightEdge


        Column {
            id: column 
            // Your column contents
        }
    }
}

以上是关于如何将QML查看器自身滑入屏幕的主要内容,如果未能解决你的问题,请参考以下文章

QML下的OpenGL

在 FAB 单击时导航到片段(导航架构组件)

QML 适合所有分辨率的屏幕

overridePendingTransition 用于平滑地滑入和滑出活动

如何使用qml qt3d(qt)将对象旋转一个角度?

如何在底部导航中使用设置屏幕外页面限制