标签: momentum

将惯性添加到UIPanGestureRecognizer

我试图在屏幕上移动子视图,但我也希望为对象添加惯性或动量.
我已经拥有的UIPanGestureRecognizer代码如下.

提前致谢.

UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self       action:@selector(handlePan:)];
[self addGestureRecognizer:panGesture];

(void)handlePan:(UIPanGestureRecognizer *)recognizer
{

    CGPoint translation = [recognizer translationInView:self.superview];
    recognizer.view.center = CGPointMake(recognizer.view.center.x + translation.x,
                                     recognizer.view.center.y + translation.y);
    [recognizer setTranslation:CGPointMake(0, 0) inView:self.superview];

    if (recognizer.state == UIGestureRecognizerStateEnded) {
        [self.delegate card:self.tag movedTo:self.frame.origin];
    }
}
Run Code Online (Sandbox Code Playgroud)

再次谢谢.

momentum ios uipangesturerecognizer

12
推荐指数
1
解决办法
5322
查看次数

使用"-webkit-overflow-scrolling:touch"的实时滚动事件

在使用CSS"-webkit-overflow-scrolling:touch"时,我无法在iOS上获得实时scrollLeft位置.

这是一个小提琴演示:http: //jsfiddle.net/WaMUq/

在桌面上滚动时,我在滚动时获得实时scrollLeft数据,而在iOS上我需要等到动量滚动停止后才向我发送scrollLeft数据.

我怎么能绕过这个?我正在尝试实时获取这些数据,以创造一种微妙的视差效果.我已经尝试过Stellar.jsScrollability.js,两者都遇到了同样的问题,等待滚动停止.

css mobile jquery momentum parallax

10
推荐指数
1
解决办法
1379
查看次数

如何使用CSS变换为拖动添加动量/惯性?

我试图为一个缩放的图像拖动添加一个动量/惯性效果(就像在这个例子中或者就像iO一样)并且我很难用它.

我一直在努力解决这个问题,并找到了一些有用的资源(比如这个),但大多数解决方案都涉及jQuery,我宁愿坚持使用简单的javascript,也不涉及框架.

我正在制作一个HTML5/CSS3缩放图像代码,具有所有标准功能:双击缩放,捏缩放,拖动,平移等等.一切都是使用CSS3的变换转换,结合缩放.防爆.

transform: translate(100px, 100px);
transition: 100ms;
Run Code Online (Sandbox Code Playgroud)

我看了其他人是怎么做的,它涉及左/右属性的连续动画,减少持续时间/距离,以创造一种轻松的效果.

我尝试使用翻译来重新创建它,使用一种递归函数(你可以在这里看到一个小提琴(与webkit浏览器一起使用),请忽略编码风格,它不是最佳实践,只是演示).在这种情况下,动画并不是流畅的,连续的翻译不会连接.

我对这个原理有一些基本的了解,我确实看了一些在线可用的算法,但我无法弄清楚如何使用css翻译实现这一点.

拖动的第一部分,在mousemove/touchmove上完成,用光标/手指移动图像但是结束后的连续翻译不是......连续的,它就像是第一部分之后的单独动画,并且不像自然动量/惯性效应.

javascript html5 translate momentum

9
推荐指数
2
解决办法
7807
查看次数

在javascript中强制停止动力在iphone/ipad上滚动

是否有可能在javascript中强制停止iphone/ipad上的动量滚动?

额外:非常确定这是天空中的馅饼,但是对于奖励点(荣誉和荣誉),在dom-manipulation和scrollTo应用之后,在强制停止之前以相同的动量恢复滚动.如何?

javascript iphone mobile momentum infinite-scroll

9
推荐指数
1
解决办法
6083
查看次数

滚动到视口上方/下方时的背景颜色?

在 Mac 上的浏览​​器中,可以向上滚动超过 body 元素的顶部,并向下滚动到 body 元素的底部以下。在每种情况下,内容都会弹回来,但有一会儿(由于滚动的动力),您可以在页面顶部/底部内容的上方/下方看到一些正文的背景颜色。

\n\n

该元素的颜色由 Chrome/Safari/FF 中主体的背景颜色值设置。

\n\n

是否可以在视口上方和下方设置不同的颜色?\n例如,上面白色,下面黑色。

\n\n

我相当确定这超出了我们的控制 \xe2\x80\x94 因为从技术上讲,这个区域位于视口 \xe2\x80\x94 之外,但我很想听听是否有人可以为我提供帮助。

\n

css momentum

8
推荐指数
1
解决办法
1729
查看次数

iOS Safari上的动量/惯性滚动

我对Safari中网站的滚动性能不满意.而不是你习惯从原生应用程序滚动的平滑动量滚动,你得到一个笨重的,一旦你举起手指几乎立即停止.

在google上搜索了一下后,我偶然发现了这篇文章:

https://ferdychristant.com/the-world-s-most-overlooked-web-optimization-for-ios-d88c7517d520#.q5dpr1kis

这确实有效,但似乎有一些副作用,例如jQuery(document).scrollTop()不再起作用,一些绝对/固定元素闪烁.

除了这篇文章之外,我没有在网上找到关于这方面的更多信息,我认为这很奇怪.由于每个人都在寻求提高移动性能/用户体验的方法,并且性能提升感觉很大我不知道:

  • 如文章中所述,惯性滚动实际上是默认禁用的(对我而言,这似乎是正确的:带有iOS7的iPad mini和带有iOS7的iPhone4)?
  • 有没有其他方法来实现这个结果(快速/平滑/动量滚动)没有缺点?怎么样?(这个网站似乎做得很好:http://m.tutti.ch/ganze-schweiz)
  • 在谷歌中搜索错误的关键词,或者这对许多人来说真的不重要吗?

刚发现似乎还有一个我没注意到的额外副作用: 移动Safari:身体上的惯性滚动和最小的UI行为?

scroll momentum

7
推荐指数
0
解决办法
2968
查看次数

Tensorflow和Theano中的动量梯度更新有什么不同?

我正在尝试将TensorFlow用于我的深度学习项目.
在这里,我需要在此公式中实现渐变更新:

在此输入图像描述

我也在Theano中实现了这个部分,它得出了预期的答案.但是当我尝试使用TensorFlow时MomentumOptimizer,结果非常糟糕.我不知道他们之间有什么不同.

Theano:

def gradient_updates_momentum_L2(cost, params, learning_rate, momentum, weight_cost_strength):
    # Make sure momentum is a sane value
    assert momentum < 1 and momentum >= 0
    # List of update steps for each parameter
    updates = []
    # Just gradient descent on cost
    for param in params:
        param_update = theano.shared(param.get_value()*0., broadcastable=param.broadcastable)
        updates.append((param, param - learning_rate*(param_update + weight_cost_strength * param_update)))
        updates.append((param_update, momentum*param_update + (1. - momentum)*T.grad(cost, param)))
    return updates
Run Code Online (Sandbox Code Playgroud)

TensorFlow:

l2_loss = tf.add_n([tf.nn.l2_loss(v) for v in tf.trainable_variables()])
cost = …
Run Code Online (Sandbox Code Playgroud)

momentum gradient-descent tensorflow

6
推荐指数
1
解决办法
1812
查看次数

在 Android 版 Chrome 上禁用动量滚动

我正在寻找一种方法来禁用 Chrome for Android 设备上的动量滚动。我有一个固定高度的 div,我希望能够滚动该 div 的内容但没有平滑效果。

在 iOS 上这很容易,我只是没有添加“-webkit-overflow-scrolling: touch”,但看起来 Chrome for Android 会自动应用它。

当我使用 Chrome -> Device 检查检查代码时,我没有看到这个属性,所以我认为 Chrome 天生就这样做,我还没有找到防止这种情况的方法。

我在 touchend 上尝试过 preventDefault 但它不起作用。

有什么建议吗?

谢谢。:)

css android google-chrome momentum

5
推荐指数
1
解决办法
3997
查看次数

如何同时应用具有学习率衰减和更新规则的梯度下降?

我正在做一个与CNN相关的实验。

我要实现的是具有学习速率衰减的梯度下降和AlexNet的更新规则。

我要实现的算法如下(摘自alexnet论文):

从alexnet纸捕获的图片

我认为我正确地学习了速度下降,并且代码如下(我根据global_step正确地检查了学习速度下降):

learning_rate = tf.train.exponential_decay(starter_learning_rate, global_step,
100000, 0.1, staircase=True)
Run Code Online (Sandbox Code Playgroud)

接下来,我应该执行更新规则(权重衰减为0.005且动量为0.9),我认为我正确地执行了动量,但是找不到实现权重衰减的方法,代码也如下:

cross_entropy = tf.reduce_mean(
    tf.nn.softmax_cross_entropy_with_logits(labels=y_, logits = fc8))
train_step = tf.train.MomentumOptimizer(learning_rate, 0.9).minimize(cross_entropy,global_step=global_step)
Run Code Online (Sandbox Code Playgroud)

我是否在正确地进行“学习率衰减”“动量”?以及如何正确实现“ 0.005的权重衰减”

我使用tf.layers.conv2d作为卷积层,以便在其中包含权重和偏差。代码如下:

conv5 = tf.layers.conv2d(
  inputs=conv4,
  filters=256,
  strides=1,
  kernel_size=[3, 3],
  kernel_initializer= tf.constant_initializer(pre_trained_model["conv5"][0]),
  bias_initializer = tf.constant_initializer(pre_trained_model["conv5"][1]),
  padding="SAME",
  activation=tf.nn.relu,name='conv5')
Run Code Online (Sandbox Code Playgroud)

momentum deep-learning conv-neural-network tensorflow

5
推荐指数
0
解决办法
510
查看次数

Android上的溢出滚动不起作用?

yupp,我是其中一个想要用HTML5开发移动应用程序的人.在Android和iOS上.听起来很疯狂我知道.可悲的是我有问题......

我有一个经典的应用程序,页脚和标题以及应该可滚动的内容.在iOS上这太棒了!页眉和页脚的"位置:固定"到顶部/底部,内容使用原生滚动动量"-webkit-overflow-scrolling:touch;".我知道"-webkit-overflow-scrolling:touch;" 在Android上不可用,但此属性不仅被忽略,滚动根本不起作用!

所以,任何人都可以告诉我如何在iOS上进行"原生"滚动,并在Android上使用相同的标记和样式进行"良好"滚动操作?例如,如果我可以使用具有动量的原生滚动 - 很棒,如果不是 - 纯滚动.

注意:我现在只需支持最新版本(没有Android 2.3!),所以我不想要像iScroll 4这样的JS-Fallback.

.content {
    // no(!) scrolling on Android - why?
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
Run Code Online (Sandbox Code Playgroud)

JSFiddle:http://jsfiddle.net/bmJxN/

谢谢!

android scroll native web-applications momentum

4
推荐指数
1
解决办法
2万
查看次数