【Qt】chartView设置橡皮筋效果（RubberBand）

-凌凌漆-

于 2024-06-13 15:42:05 发布

阅读量272

点赞数 3

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

本文链接：https://blog.csdn.net/yangshuoSB/article/details/139656071

版权

Qt 专栏收录该内容

84 篇文章 2 订阅

订阅专栏

1. 效果

在这里插入图片描述

2. 代码

	QChartView* chartView = new QChartView();
    chartView->setRubberBand(QChartView::RectangleRubberBand);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

-凌凌漆-

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【Qt】chartView设置橡皮筋效果（RubberBand）

【代码】【Qt】chartView设置橡皮筋效果（RubberBand）
复制链接

扫一扫

专栏目录

Qt下绘制橡皮筋线

WebGISer

08-17

3642

最近在绘制Qt下的橡皮筋线，但是大多搜到的都是利用Qt的QRubberBand类。QRubberBand可以实现橡皮筋框选取，即便是QRubberBand::Line，也只是绘制水平或垂直的线，并不能满足自己需要，也就是绘制360度任意角度的线。对于这个情况，就只能靠自己动手，丰衣足食了。实现起来主要有一下几点，同时也算是一点小总结： 1：感觉最好使用QGraphicsLineItem类。继承Q

Qt橡皮筋项目，实现打开并显示图像，还能支持ROI矩形或椭圆框选

09-05

我个人收集的Qt橡皮筋项目，实现打开并显示图像，还能支持ROI矩形或椭圆框选。 https://blog.csdn.net/libaineu2004/article/details/105149569

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

Qt QChart，利用QChart绘制动态曲线

最新发布

weixin_44939430的博客

04-16

861

在 Qt Charts 中，QChartView类提供了一些方法和属性来控制图表的渲染和交互行为。这些方法包括和，它们分别用于改善图表的视觉质量和增加图表的交互性。

qt 橡皮筋线

mike_digilink的专栏

12-25

3688

在图形编辑应用中常会用到橡皮筋线，如选择图形的某个区域等，最常见的就是在系统桌面上用鼠标拖动，可以绘制一个类似蚂蚁线的选区，并且选区线能够跟随鼠标的移动而伸缩，因此叫作橡皮筋线。 qt 中用于描绘橡皮筋线的类是QRubberBand，当然单有一个QRubberBand 类还是不能做出橡皮筋的效果出来，另外还要有鼠标事件的配合，与QRubberBand 配合的鼠标事件有鼠标单击，拖动...

QtChart 启用缩放功能setRubberBand（）之后，setRange(min, max)出现的问题

ta_123123的博客

03-24

5867

QtChart 启用缩放功能setRubberBand（）之后，setRange(min, max)出现的问题因项目需要，用qtchart绘制的图形需要框选放大，这里用到了setRubberBand()函数，但是在左键复原的时候出现了问题。先铺垫一下，博主是重写了chartview的鼠标事件的mouserelease(event)来触发复原的信号。复原的原理：记录初始时的坐标轴的range，...

Qt：橡皮筋类

OceanStar的博客

09-06

280

https://www.jia...

Qt的橡皮筋类

weixin_34400525的博客

09-06

852

2019独角兽企业重金招聘Python工程师标准>>> ...

Qt无边框窗口体拖拽边框改变窗体大小终极方法(橡皮筋窗体)

02-05

Qt无边框窗口体拖拽边框改变窗体大小终极方法(橡皮筋窗体)

QT4 橡皮筋线的绘制

07-15

这是在qt4下的橡皮筋的绘制，可以直接在windows下直接打开

Qt图形图像开发曲线图表模块QChart库缩放/平移详细方法与实例

12-20

画图软件，实现了橡皮筋效果

03-18

该软件实现了画图的基本功能，包括矢量作图，矩形跟踪器，对有需要的朋友可以参考下

RubberBand.zip

08-14

在本项目"RubberBand.zip"中，我们探讨的是一个基于Qt框架的图形用户界面（GUI）应用，它展示了如何实现一系列高级交互功能，包括单选、Ctrl多选以及使用"橡皮筋"（RubberBand）技术进行框选和多选对象的移动。...

RubberBandEffect:在Swift中重现Apple的橡皮筋效果

05-26

通过设置关键帧动画（CAKeyframeAnimation），可以控制橡皮筋效果的每个阶段，包括拉伸、暂停和回弹。 4. **GestureRecognizer**：利用Swift的`UIPanGestureRecognizer`，可以检测用户的滑动手势，并根据手势的强度...

java采购供应平台源码-rubberband:橡皮筋

06-05

nvue写一个高性能的橡皮筋效果

04-01

由于nvue是基于uni-app的，所以我们可以使用uni-app提供的组件来实现橡皮筋效果，同时我们也可以通过手写代码来优化性能。以下是一个简单的示例： 1. 在nvue页面中添加一个scroll-view组件，并设置scroll-y属性为true，以允许垂直滚动。 ``` <scroll-view class="scroll-view" scroll-y="true">  </scroll-view> ``` 2. 在样式中添加一些基本样式，包括容器、内容和橡皮筋。 ``` <style> .container { position: relative; overflow: hidden; } .content { position: absolute; top: 0; left: 0; } .rubber-band { position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.2); opacity: 0; pointer-events: none; transition: opacity 0.2s ease-out; } </style> ``` 3. 在页面加载时，获取scroll-view组件的实例，并监听scroll事件。 ``` <script> export default { mounted() { this.$nextTick(() => { const scrollView = this.$refs.scrollView.$el; scrollView.addEventListener('scroll', this.onScroll); }); }, methods: { onScroll(e) { // 处理橡皮筋效果 }, }, }; </script> ``` 4. 在onScroll方法中，计算出scroll-view组件的滚动位置和可见区域的高度，并根据这些值来计算出橡皮筋的高度和透明度。 ``` onScroll(e) { const scrollView = e.target; const scrollTop = scrollView.scrollTop; const scrollHeight = scrollView.scrollHeight; const clientHeight = scrollView.clientHeight; if (scrollTop < 0) { const rubberBandHeight = -scrollTop / 3; // 橡皮筋高度 const rubberBandOpacity = Math.min(1, rubberBandHeight / clientHeight); // 橡皮筋透明度 this.$refs.rubberBand.style.height = `${rubberBandHeight}px`; this.$refs.rubberBand.style.opacity = rubberBandOpacity; } else { this.$refs.rubberBand.style.opacity = 0; } } ``` 5. 最后，在scroll-view组件中添加内容和橡皮筋元素。 ``` <scroll-view class="scroll-view" scroll-y="true" ref="scrollView"> <div class="container"> <div class="content">  </div> <div class="rubber-band" ref="rubberBand"></div> </div> </scroll-view> ``` 这样就完成了一个简单的橡皮筋效果。为了进一步提高性能，我们可以使用CSS translate属性来代替改变元素的top属性，从而减少布局和绘制的次数。我们还可以使用requestAnimationFrame方法来优化动画性能。

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

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

提交