问题标签 [panning]

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 投票
1 回答
335 浏览

android - 在 AndroidPlot 折线图上显示点的子集

我一直在使用Androidplot库来生成线图并能够进行缩放和平移,所以我使用的是XYPlotZoomPan类的修改版本。

我当前的图表每天显示一些值,在一个日期范围内,所以如果我显示 7 天,域轴是可读的,但如果我试图显示 30 天,它就会变得一团糟。

我的目标是显示 7 天,并且可以选择滚动浏览未显示的图表的其余部分。

处理边界的唯一函数是setDomainBoundaries,目前我已经尝试过:

但它让我可以显示这个范围内的值,并且我失去了在剩下的日子里平移的能力。

有人知道我该怎么做吗?谢谢。

0 投票
3 回答
397 浏览

javascript - javascript图像平移“阻止”导航链接并使div元素不透明

我有一个图像 bg,使用 CSS 嵌入到页脚上方的 div 中。这个想法是当鼠标向左或向右移动时,图像会随之移动。/body 上面的 Javascript 是导致它工作的原因。它运行良好,但导航链接现在不可点击,并且内容 div 是不透明的,您可以通过它们看到 bg 图像。当我删除#bg div 时,一切正常。任何想法如何解决它?HTML和CSS如下。我从这里的教程中得到了这个:平移

CSS:

0 投票
2 回答
570 浏览

ios - 在 ios 中使用自定义操作平移单元格

嗨,我正在尝试使用邮箱样式平移http://www.mailboxapp.com/制作一个表格视图,因为我正在使用这个库https://github.com/gloubibou/HHPanningTableViewCell并且它工作正常,我滑动单元格它移动得很好,问题是我想在滑动单元格时触发自定义操作,而我只能在它打开然后触摸它时才能做到这一点。

这是发生动作的代码

我知道我可以使用手势识别器来触发动作,但我认为图书馆已经在这样做了。

在这一部分中,我触发了一个动作,非常清楚地知道单元格,它在哪里平移以及单元格的背面是否显示,但总是通过单击它,因为它是一个选择功能。

我相信这另一部分是应该触发自定义操作的地方,但程序永远不会进入这个函数

我希望我说清楚了,并提前谢谢你。

0 投票
1 回答
143 浏览

panning - C4:向“self”以外的对象添加平移

我观看了 C4 教程,介绍了向对象添加平移手势并在平移完成后对其进行动画处理以返回其原始位置。我正在尝试将其添加到三个单独的对象中。到目前为止,我让它与一个对象一起工作以将其移动并将其重置为 CGPoint,但要使其正常工作,我必须将平移手势添加到“self”,而不是对象。作为参考,我几乎使用了这里的代码:

http://www.c4ios.com/tutorials/interactionPanning

如果我将手势添加到对象本身,当然,它会平移,但它只会将自己留在最后一个触摸位置。但是,我假设将手势留在“self”上不仅会影响我想要移动的对象,而且我希望能够单独移动三个对象。


我对示例中使用的“移动”方法使用了大致相同的修改:

然后是产生对象的新方法:

0 投票
1 回答
74 浏览

uiscrollview - 扩展(不覆盖) UIScrollView 的平移手势

好吧......标题说明了一切......我有一个 UIScrollView 作为主 UIView 的子视图......我希望 UIViewController 在平移时代表 UIScrollView 行事,但不覆盖平移实现UIScrollView。

0 投票
0 回答
261 浏览

android - 缩放的自定义 ViewGroup 上的触摸事件返回非缩放状态的视图

我一直在努力解决这个问题,所以我真的希望有人能提供帮助,或者至少为我指明正确的方向。

我的目标是拥有一个支持缩放和平移的 ViewGroup。

我尝试了很多不同的方法。最近使用此视图,水平和垂直平移/拖动和捏缩放

捏合和缩放效果很好,在未缩放或未平移模式下单击也是如此。

但是,如果我缩放视图并点击屏幕,子视图的 onTouch 会被放置在未缩放 ViewGroup 的点击位置的视图触发。就像子视图的内容正在被缩放、平移和正确绘制,但视图本身却保持在原来的位置。

我是否缺少一些本地理解?

背景。我的所有视图都是以编程方式生成的,并且自定义 ViewGroup 的所有子视图都有自己的 OnTouchListener。通常有 1 到 5 个子视图。

我没有添加任何代码,因为我现在恢复使用链接中的代码。

0 投票
1 回答
1404 浏览

jquery - 如何平滑背景图像的移动?

我设法创建了一个移动/平移背景图像。它在 jsfiddle 中看起来和工作正常:

http://jsfiddle.net/juhant/jxthp/6/

但是当我在浏览器中测试它时,移动并不顺畅,照片有时会冻结。

这是 HTML:

这是CSS:

和 jQuery 位:

是什么原因造成的,我该如何解决?先感谢您。

0 投票
0 回答
274 浏览

javascript - 画布:在图像末尾停止平移

我正在实现放大和平移画布的功能。我通过有两个画布来做到这一点,一个用于绘图,一个用于显示视口。我无法找到剪辑区域的限制。

无论如何,这一切都有效,我只是在调用放大时将比例设置为高于 1 的值,这具有预期的效果。

我以与设置精灵表动画相同的方式平移画布,视口画布仅充当绘图画布顶部的剪辑区域。

然而,我被困在为边界设置什么数字以阻止画布向右和向下移动太多。

为了清楚起见,我在这里是如何实现平底锅的:

TranslationX 从 0 开始,每次按下右箭头键后,我都会将其增加一个值,我知道这不应该是任意数字,但现在我只是将其设置为 4。

无论如何,这一切都有效,但它超出了画布的边缘,我无法弄清楚停止平移的条件应该是什么,这是我到目前为止所拥有的:

显然这不起作用,它平移了大约 1/5 的视口离开画布边缘。我现在只是在修改它,只是将任意数字放入条件中,所以认为这是寻求一些指导的好时机。

提前致谢

编辑:

好的,所以我制作了一张图片来说明问题,以防我的解释不清楚。

在此处输入图像描述

绿色框代表我正在平移的图像,即上述片段中命名的“画布”。

黄色框代表剪辑区域,即上述片段中的“viewPort”。

灰色区域仅代表网页的其余部分。

所以为了澄清,我很困惑在条件中设置什么值来阻止剪辑区域离开画布。

再次感谢

0 投票
2 回答
859 浏览

javascript - 独立于屏幕分辨率和画布调整大小的画布确定平移边界

我已经为 html5 画布中的动画实现了平移功能。这可能是我制作的东西最令人作呕的实现,或者看起来哈哈,但它有效,现在已经足够好了。

所以我设置了这些变量——为了简单起见,我将排除 Y 轴逻辑以及任何保存和恢复。

这是我的绘画逻辑。Canvas 是要绘制的图像,bCanvas 是放置在图像上的“视口”。当我没有放大时,它只会显示整个画布图像。所有作品都按此处的预期工作。

这是沿 X 轴在画布上移动剪切区域的逻辑,问题出在哪里 - 条件是说明何时停止递增 translationX。

好的,所以当窗口没有调整大小时,这一切都有效,所以我正在寻找的是一些方向,即在调整 bCanvas 大小的情况下放入什么条件。

这是调整大小的功能,以防万一很重要:

绘图画布的尺寸是 1024 x 768,所以那些丑陋的文字只是使 bCanvas 的尺寸与画布相同。

这仅适用于我的屏幕分辨率,并且当窗口尚未调整大小时。我竭尽全力试图让它独立于分辨率/调整窗口大小后工作。

最后,这里有一张图像来帮助说明在不同分辨率下发生的问题/在调整窗口大小后,如果窗口已调整为非常小的大小,则剪辑区域甚至不会移动,这在 logc 中是可以预料的moveClippingRegion 函数中的 if 语句:

在此处输入图像描述

感谢您提前阅读本文,任何帮助将不胜感激!

0 投票
1 回答
497 浏览

d3.js - d3 折叠树 - 语义缩放和平移示例 - 问题

我在这个问题中找到了这个工作示例。我使用此示例使我自己的树能够缩放和平移,但存在一些错误。所以这是我的问题。

  1. 如果我在后台单击,我该怎么做才能不改变线条?

  2. 单击节点后,我该怎么做才能不以标准缩放和平移位置显示树。这是因为我的点击事件触发了更新,但我没有找到解决方案。这是工作示例中的更新函数:

更新(根);

谢谢你的时间。