记一次 QML StackView 动画诡异(不流畅)的问题

最新推荐文章于 2024-04-30 16:48:07 发布

HyEISN

最新推荐文章于 2024-04-30 16:48:07 发布

阅读量124

点赞数

分类专栏： qt 文章标签： qt

本文链接：https://blog.csdn.net/HyEISN/article/details/135023902

版权

qt 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

先看看StackView动画不流畅时:

在这里插入图片描述

导致StackView动画不流畅的原因是什么?

StackView存在initialItem属性且调用了replace函数之后

如何解决?

删除 StackView 的initialItem属性
利用replace函数实现将想要展示元素放置为当前展示元素:

hcstackview.replace(coldparams, null)
hcstackview.replace(hotparams, null) // 执行到此行时, StackView当前元素已变为hotparams

解决之后的动画

在这里插入图片描述

为何我要使用如此怪异的做法?

因为StackView被加载之后, initialitem并没有将其中的Item展示为当前元素

优惠劵

HyEISN

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
记一次 QML StackView 动画诡异(不流畅)的问题

【代码】记一次 QML StackView 动画诡异(不流畅)的问题。
复制链接

扫一扫

专栏目录

qml stackview实现安卓back键返回和正常状态下的双击退出（全局过滤）

08-09

实现qml的全局过滤

【QML】QML StackView: pop: unknown argument: QQmlComponent(0x4e912e0)报错，pop(item)

-凌凌漆-的博客

03-09

163

中的item不能是组件的id，必须是StackView已经压栈的通过返回的item，这一点与和中item的含义不同。

参与评论您还未登录，请先登录后发表或查看评论

QML StackView类

weixin_42948436的博客

05-29

2134

导入 import QtQuick.Controls 2.1 继承 Control Properties busy : bool currentItem : Item depth : int empty : bool initialItem : var popEnter : Transition popExit : Transition pushEnter : Transition pushExit : Transition replaceEnter : Tran...

QML控件类型：Drawer、StackView

hw5230的博客

07-06

497

DrawerDrawer 提供一个可以使用滑动手势打开和关闭的侧面板。继承自 Popup。Drawer 可以从上下左右四个方向打开。将 Drawer 定位为显示在窗口标题下方： position 属性确定 Drawer 的可见程度，值介于 0.0 和 1.0 之间。以下代码使用一个和 Drawer 同级的 Label 来演示“Label 被 Drawer 推动”的效果： 1、dragMargin : real与屏幕边缘的距离，在该距离内拖动操作将打开 Drawer。设置为小

Qt Quick之StackView详解(2)

热门推荐

安晓辉生涯——聚焦程序员的职业规划与成长

07-15

1万+

这次讲delegate的定制、被管理的View的生命周期、查找View等主题。

QML----StackView动画

github_35960067的博客

04-10

1709

废话不多说，直接上代码（这里是渐入溅出） StackView{ objectName: "rootStack" id:stackView initialItem: spalsh anchors.fill: parent replaceEnter: Transition { PropertyAnimation { target: stackView property: ...

QML---视图功能

github_35960067的博客

03-29

337

StackView，ListView 针对于2.x的控件 1.关闭ListView的滑动 //设置排列方向 orientation: ListView.Horizontal //禁止滑动 interactive:false 2.关闭StackView的动画效果 StackView{ id:productStack Layout.fillHeight: true ...

QML控件类型：StackView

友善啊，朋友的博客

06-18

3695

StackView

Qt Quick - StackView

洪源兄

04-16

847

StackView可以与一组相互链接的信息页面一起使用。例如，电子邮件应用程序具有单独的视图，以列出最新的电子邮件，查看特定的电子邮件和列表/查看附件。当用户打开电子邮件时，电子邮件列表视图被压入栈中，当用户选择返回时，电子邮件列表视图又被弹出。Row {

QML-Loaders：在QML中加载动画实现

02-05

QML-Loaders：在QML中加载动画实现

QT QML 零基础动画教程

06-20

针对QML可视化组件的详细动画教程，零基础学习，系统性的介绍QML动画中，所涉及的状态、转换、及动画的相关概念，同时详细的说明了动画运作的三种方式，1、直接使用动画，2、通过转换使用动画，3、通过行为使用动画...

Qt Qml圆形进度条动画

01-19

Qml圆形进度条动画

QML：第一个QML项目分析

02-24

使用QtQuick模块，设计者和开发者可以很容易使用QML建立带有流畅动画的用户界面，并将这些界面连接到后端的C++库上面。QML是一个用户接口规范和编程语言。它允许开发者和设计者创建高性能的，流畅的动画和视觉效果的...

Qt | 标准、复选、单选、工具、命令按钮大全

m0_45463480的博客

04-28

257

Qt | 标准、复选、单选、工具、命令按钮大全

【Qt】信号与槽

最新发布

m0_66599463的博客

04-30

1165

1、信号和槽的概述 1.1 信号的本质 1.2 槽的本质 2、信号和槽的使用 2.1 连接信号的槽 click和clicked 2.2 第二种自定义创建槽函数的方式 3、自定义信号和槽 3.1 ⾃定义信号函数书写规范 3.2 带参数得槽和函数 4、信号与槽的连接方式 4.1 一对一 4.2 一对多 4.3 多对一 5、信号和槽的其他说明 5.1 信号与槽的断开 5.2 Qt4 版本信号与槽的连接 5.3 使⽤ Lambda 表达式定义槽函数 5.4 信号与槽的优缺点

Qt QThreadPool线程池

希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。

04-29

586

QThreadPool类管理一个QThread集合。QThreadPool管理和重新设计单个QThread对象，以帮助降低使用线程的程序中的线程创建成本。每个Qt应用程序都有一个全局QThreadPool对象，可以通过调用globalInstance来访问该对象。要使用其中一个QThreadPool线程，请子类化QRunnable并实现run虚拟函数。然后创建该类的一个对象，并将其传递给QThreadPool::start。线程复用：线程池中的线程可以重复使用，减少了线程创建和销毁的开销。

使用QT完成如图的游戏登录界面使用信号和槽完成密文明文密码转换，重置账号和密码，登录校验详细代码在主页下载

m0_67469586的博客

04-29

846

this->accline->setPlaceholderText("请输入账号...");this->pwdswitchbtn=new QPushButton("密文",this);//点击"密文"按钮时，按钮本身的文字变为“明文”，QLineEdit 中的内容也变为明文;this->pwdline->setPlaceholderText("请输入密码");this->pwdswitchbtn->setText("明文");this->pwdswitchbtn->setText("密文");

PyQt5：Qt Designer使用重载的自定义类提升控件

初见倾心

04-29

176

5，说明：自定义类的：__init__()方法，必须有parent参数，用于传递父对象。2，右击需要提升的控件，选择【提升为...】1，以QPushButton举例。3，添加自定义类，不用管。的后缀，不影响使用。

qml StackView

01-31

以下是两个关于QML StackView的示例： 1. 使用replace()方法进行页面切换 ```qml import QtQuick import QtQuick.Controls ApplicationWindow { title: qsTr("Hello World") width: 640 height: 480 visible: true StackView { id: stackView anchors.fill: parent initialItem: Component { id: page Page { Row { spacing: 20 anchors.centerIn: parent Button { text: "<" onClicked: stackView.replace(page, StackView.PopTransition) } Button { text: ">" onClicked: stackView.replace(page, StackView.PushTransition) } } } } } } ``` 2. 使用push()和pop()方法进行页面切换 ```qml import QtQuick import QtQuick.Controls ApplicationWindow { title: qsTr("Hello World") width: 640 height: 480 visible: true StackView { id: stack initialItem: mainView anchors.fill: parent } Component { id: mainView Row { spacing: 10 Button { text: "Push a page" onClicked: stack.push(mainView) } Button { text: "Pop a page" enabled: stack.depth > 1 onClicked: stack.pop() } Text { text: "Current stack depth: " + stack.depth } } } } ```

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交