问题标签 [flickable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
221 浏览

qt - 检测从 flickable 中的边界拖动但不显示内容到边界的间隙

我正在尝试实现如下效果:https ://www.google.com/design/spec/patterns/swipe-to-refresh.html

所以我需要信息,当用户将 flickable 的内容拖离边界时,但我不希望 flickable 显示间隙(内容和 flickable 的边框之间应该没有间隙)。

我能找到的所有示例都使用 flickable 的“contentY”属性来确定过冲。如果是负数,则可滑动边框和内容之间存在边界。

但是为了防止视觉上的差距,我设置了boundsBehavior: Flickable.StopAtBounds,我将防止 contentY 变得消极,不允许我检测到拖动。

那么如何在 QML 中做到这一点呢?

0 投票
1 回答
767 浏览

qt - 如何预测在 QML 中捕捉 flickable 的好位置

我有一个 flickable,我想捕捉到某些位置(我以特定方式计算)。我看到两个选项:

  1. 在 motionEnded 我用数字动画捕捉到“contentX”的最近位置
  2. 在 flickEnded 我用数字动画捕捉到“contentX”的最近位置

选项 1 看起来不太好,移动停止,然后轻弹再次开始移动(捕捉位置相隔半个屏幕)。

在选项 2 中,我发现捕捉位置的选择很困难。如果用户快速移动滑动,我更愿意捕捉到接近移动结束位置的位置,但这很难预测。

这是选项 1 的示例代码:

0 投票
0 回答
901 浏览

qt - QML Flickable 问题

我需要一个由背景和移动拇指棒组成的水平控制器。它需要以下行为:

  1. 最初居中,拇指杆可以在背景范围内向左或向右拖动。
  2. 释放拖动时,拇指杆会重新居中。
  3. 如果触摸了背景的一部分,则拇指棒会跳到触摸位置。
  4. 如果触摸被释放,拇指棒会重新居中。
  5. 如果在触摸后进行拖动,则拇指杆将从触摸的位置拖动。

问题:

  1. 触摸时,拇指杆会根据需要跳到接触点。但是,如果在触摸之后立即进行拖动,则拇指摇杆会跳回到触摸之前的位置,然后再开始拖动。

  2. 如果将摇杆向右拖动并松开,它会根据需要立即跳回中心。如果它被拖到左边界,在它跳回中心之前会有一个延迟。

运行以下代码说明了控制器的工作和问题:

0 投票
1 回答
470 浏览

qt - 拖动视图时 QML 可滑动的打印高度/宽度

我希望能够Flickable在拖动时打印视图的高度/宽度。我相信它可以使用onDraggingChangedor来完成onMovingChanged,因为类似的事件侦听onTextChanged器负责侦听文本控件中的文本更改。我试过这个:

但是那些事件监听器只会在拖动/移动 flickable 的开始和结束时打印高度。那么我该如何实现呢?

0 投票
1 回答
1497 浏览

qt - 通过在移动光标时按住鼠标按钮来禁用视图的拖动

我想在移动光标时按住鼠标按钮来禁用我的列表视图的拖动。我正在尝试使用此命令实现一些其他功能,例如多项选择。我只想启用滚动。flickable交互属性完全禁用了视图的移动。有一些解决方法吗?

0 投票
2 回答
3442 浏览

qt - 如何访问 QML ScrollView 的移动已结束?

我想在 QML ScrollView 的滚动结束时做点什么。从文档中我假设 flickableItem.onMovementEnded 是我正在寻找的,但我从来没有得到那个信号。我对“运动”的理解错了吗?我已经编写了这个最小的 QML 应用程序,并且我的 console.log 从未被调用过。我在带有 Qt 5.7 或 5.5.1 的 Mac 上运行它。

我还尝试通过“连接”连接它,但没有成功。

0 投票
1 回答
1505 浏览

qt - 阻止可滑动项目超出 qml 中的边界

这个问题是关于 QtQuick 1.1、QML、Qt 4.5

我正在制作一个用于显示文本区域的 Windows 样式滚动条。

使用Flickable内部TextEdit和简单的矩形部分作为滚动条。

问题是当我轻弹文本时,它也会显示文本之外的内容

例如,请参阅下面的滚动条示例和图片。

我不想显示该图像之外的区域。如果到达边界就停下来。

QtQuick 1.1中还有任何内置的滚动条模块

谢谢!!

显示图像边界之外

0 投票
3 回答
10363 浏览

qt - 如何使滚动条在 QML 中的 Flckable 上始终可见

我想让 Flickable 区域中的 Scrollbar.vertical 始终可见。目前它在点击时可见。文本区域也与滚动条重叠。如何在以下 qml 代码中将滚动条与文本区域分开在此处输入图像描述

0 投票
2 回答
923 浏览

qt - 单击 \ 轻拂与另一个 Flickable 部分重叠的 Flickable 的空白区域

我在底部有一个可轻弹的场景“编辑器”,并停靠在其右侧,一个可轻弹的场景“大纲”在其顶部,它显示了场景结构的树。

自然,我希望能够同时轻弹两者来导航,因为它们都比可用的屏幕空间更大。

问题是大纲可轻弹只会阻止编辑器轻弹,即使我从大纲项目不占据的位置轻弹。我不希望这样,我想要的是仅当轻弹发生在大纲项目顶部时才轻弹大纲,否则我想跳到编辑器,所以我可以单击并将其从该区域轻弹到正确的。

由于工作方式,我无法做到这一点Flickable。它会首先检查是否有拖动,并且只有当点击不超过拖动阈值时,它才会让点击向下到底层元素。所以我想不出只有在那个位置有物体的情况下才能轻弹的方法。

有什么办法可以让事件处理做我想做的事吗?

0 投票
2 回答
1730 浏览

qt - 在 QML 中滚动两个或多个列表视图

我需要使用单个 scrollBar一次滚动两个或多个列表视图。最初,我Column在 a 内部使用,Flickable但滚动没有按预期发生。后来,我使用ListView了,甚至没有正确滚动。

那么如何使用滚动条滚动列表视图/布局内容项呢?我应该使用ScrollView还是Flickable其他?

我的用户界面示例