用QML和Qt C++实现翻页效果的研究（1）

最新推荐文章于 2024-07-23 09:07:58 发布
最新推荐文章于 2024-07-23 09:07:58 发布
阅读量1.2w 收藏 9
点赞数
分类专栏： QT 特效技术 文章标签： qt c++ behavior nokia url ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chuckGao/article/details/6143172
版权
本文探讨如何使用Qt和QML实现翻页效果，借鉴Nokia的Qt Quick技术。翻页实现涉及仿真效果、3D/2.5D视觉以及对子元素的影响。作者分享了初步成果，但表示还有提升空间，期望与读者交流优化方法。
摘要由CSDN通过智能技术生成

先占位，明天补上

本来说是星期天 Jan,17号写的，结果出切逛街了，回来已经累的半死，且已经晚上10点了，看今天有没得时间写 -- Jan,18 注

 

一直以来都想自己用 Qt 做一个翻页的效果，不过却总是找不到合适的心情来写完一篇日志。

趁着 Nokia 最近在主打 Qt Quick ，也借着放假的空挡，决定把这篇日志写完。

 

说到翻页效果，我想大家并不陌生。而要说到做的好的，不得不说一下 iOS 中的实现。笔者没有深入研究过 iOS 中的翻页效果是怎样具体实现，不过想来，也并不外乎以下几点：

1.       Simulation

最低0.47元/天 解锁文章
chuckGao
关注
专栏目录
Qt实现翻动动画(附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-15 230
Qt实现翻动动画(附完整源码)
将 QML 与 Qt Widgets 相结合
热门推荐
青春不老，奋斗不止！
08-10 3万+
在使用 Qt Widgets 时，经常要实现一些比较炫酷的效果（例如：滑动、翻页），这时选择 QML 会显得非常简单。
Qt 翻书之卷叶效果
03-11
Qt 卷叶 特效，实现原理，分三个区域，画三部分1.不规则5边形， 2两条赛贝尔曲线和一条直线组成的区域和3.一个三角形。
qml实现双指左右滑动，上下滑动
最新发布
m0_45953836的博客
07-23 230
对于qml实现需要的功能模块时候，优先寻找Qt官方是否存在对应效果的控件，对该控件进行自定义，做出自己想要的效果。若官方没有，那就从最基本的元素开始手撸咯!
VC 和 GDI+ 实现仿ibook 翻页效果
mmdev
02-20 157
void CGdiplusTestView::OnDraw(CDC* pDC) { CGdiplusTestDoc* pDoc = GetDocument(); ASSERT_VALID(pDoc); // TODO: add draw code for native data here // device context for painting CDC d...
Qt 水平翻书效果，特效
01-01
Qt 翻书效果,水平翻页的效果。根据Qt demo改编。
Qt 3D 翻书效果
03-24
用Qt3D实现的逼真翻书效果
Qt 翻页效果实现~
08-08
Qt开发翻页效果~~~~~~~~~~~~~~~~~~~~~~~`
基于QT的图片翻转，变换效果
06-08
在"基于QT的图片翻转，变换效果"这个主题中，我们主要关注的是如何使用QML来实现图像的动态翻转和变换效果。QML中的`Image`元素是处理图像的基础，它可以加载本地或网络上的图片，并且支持多种属性和方法以实现各种...
Qt/C++编写自定义控件36-图片浏览器
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
07-23 1430
一、前言 本控件主要用来作为一个简单的图片浏览器使用，可以上下翻页显示图片，图片还可以开启过度效果比如透明度渐变，应用场景有查看报警图片运行图片等。此控件非本人原创，来源于网络，我只是修正了好多处BUG，并完善了各种操作方式。比如增加鼠标右键清空、增加背景色、增加键盘翻页、增加移动到第一张/末一张/上一张/下一张 等， 控件没有什么难度，主要就是打开文件夹，自动计算文件夹下的所有文件存储到队列中，...
qt 滑屏翻页效果C++程序
08-05
qt 滑屏翻页效果C++程序 #ifndef PICTUREFLOW_H #define PICTUREFLOW_H #include class PictureFlowPrivate; /*! Class PictureFlow implements an image show widget with animation effect like Apple's CoverFlow (in iTunes and iPod). Images are arranged in form of slides, one main slide is shown at the center with few slides on the left and right sides of the center slide. When the next or previous slide is brought to the front, the whole slides flow to the right or the right with smooth animation effect; until the new slide is finally placed at the center. */ class PictureFlow : public QWidget { Q_OBJECT Q_PROPERTY(QColor backgroundColor READ backgroundColor WRITE setBackgroundColor) Q_PROPERTY(QSize slideSize READ slideSize WRITE setSlideSize) Q_PROPERTY(int slideCount READ slideCount) Q_PROPERTY(int centerIndex READ centerIndex WRITE setCenterIndex) public: enum ReflectionEffect { NoReflection, PlainReflection, BlurredReflection }; /*! Creates a new PictureFlow widget. */ PictureFlow(QWidget* parent = 0); /*! Destroys the widget. */ ~PictureFlow(); /*! Returns the background color. */ QColor backgroundColor() const; /*! Sets the background color. By default it is black. */ void setBackgroundColor(const QColor& c); /*! Returns the dimension of each slide (in pixels). */ QSize slideSize() const; /*! Sets the dimension of each slide (in pixels). */ void setSlideSize(QSize size); /*! Returns the total number of slides. */ int slideCount() const; /*! Returns QImage of specified slide. */ QImage slide(int index) const; /*! Returns the index of slide currently shown in the middle of the viewport. */ int centerIndex() const; /*! Returns the effect applied to the reflection. */ ReflectionEffect reflectionEffect() const; /*! Sets the effect applied to the reflection. The default is PlainReflection. */ void setReflectionEffect(ReflectionEffect effect); public slots: /*! Adds a new slide. */ void addSlide(const QImage& image); /*! Adds a new slide. */ void addSlide(const QPixmap& pixmap); /*! Sets an image for specified slide. If the slide already exists, it will be replaced. */ void setSlide(int index, const QImage& image); /*! Sets a pixmap for specified slide. If the slide already exists, it will be replaced. */ void setSlide(int index, const QPixmap& pixmap); /*! Sets slide to be shown in the middle of the viewport. No animation effect will be produced, unlike using showSlide. */ void setCenterIndex(int index); /*! Clears all slides. */ void clear(); /*! Shows previous slide using animation effect. */ void showPrevious(); /*! Shows next slide using animation effect. */ void showNext(); /*! Go to specified slide using animation effect. */ void showSlide(int index); /*! Rerender the widget. Normally this function will be automatically invoked whenever necessary, e.g. during the transition animation. */ void render(); /*! Schedules a rendering update. Unlike render(), this function does not cause immediate rendering. */ void triggerRender(); signals: void centerIndexChanged(int index); protected: void paintEvent(QPaintEvent *event); void keyPressEvent(QKeyEvent* event); void mousePressEvent(QMouseEvent* event); void resizeEvent(QResizeEvent* event); private slots: void updateAnimation(); private: PictureFlowPrivate* d; }; #endif // PICTUREFLOW_H
Qt全方位水平翻书效果
08-30
代码不多，编写规范，容易读懂。涵盖了画图，通过帧控制翻页效果。
qml 实现gridview带滚动条和翻页
06-21
qml 实现gridview带滚动条和翻页，通过滚动可以实现页数变化，通过点击页数或翻页键可以实现滚动条变化
QT 翻页效果基础实现
01-19
只实现了技术，动画什么的就简单了，可以自己添加了。
qt同时两个动画执行_QT页面切换动画实现
weixin_39903571的博客
12-19 1146
近期公司要求在QT的项目界面上加入页面切换的动画效果，笔者从网上找了很多资料都没有找到合适的，现在算是找到了解决方案，测试了下感觉效果还可以，所以拿出来和大家分享下。QT在动画方面感觉较安卓或者IOS还是有一定差距的，尤其是纯C++的QT，后来加入qml后动画效果就比较多了，但是两者的混合编程还是个难点。因为需要切换的页面上已经有很多复杂的组件，舍弃全部用qml重写工作量非常大。所以一开始笔者考虑...
QML　翻转效果
Xavier52的博客
11-10 528
这个例子是用QML做的基于GridView的代理翻转效果(Flipable) 核心代码 import QtQuick 2.14 import QtQuick.Window 2.14 import QtQuick.Controls 2.12 Window { id: root visible: true width: 960 height: 480 GridView { id: gridView anchors.vert.
QML 实现简单的翻页功能
缘如风的博客
10-17 2891
QML利用动画实现简单翻页
Qt中C++实现QML List数据驱动实例
在Qt框架中，C++编程与QML（Qt Markup Language）集成时，数据模型起...在实际应用中，你可以在Qt的UI设计中使用`CListModel`，并连接它的信号到QML的绑定，以实现列表项的增删改查操作，从而实现丰富的数据交互体验。
评论 21
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值