2 dxc1228 dxc1228 于 2016.03.02 12:02 提问

在onTouchEvent()时间里面加了一个scale 缩放动画效果,效果和预期不同
//设置动画属性 
  animation = new ScaleAnimation(1.0f, 0.5f, 1.0f, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
    animation.setDuration(500);// 设置动画持续时间
    animation.setRepeatCount(1);// 设置重复次数
    animation.setRepeatMode(Animation.REVERSE);


    //onTouchEvent()事件
    public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction() & MotionEvent.ACTION_MASK) {
        case MotionEvent.ACTION_DOWN:
            int width = iv.getWidth();
            int height = iv.getHeight();
            iv.setX(event.getX() - (width/2) );//iv是图片所在的imageView控件
            iv.setY(event.getY() - (height/2) );
            iv.startAnimation(animation);
            break;
        }
    return true;
}


就是想实现一个类似相机手动点击聚焦的动画效果,但是实际效果是在点击屏幕后动画位置能确定,但是缩放中心是变化的,并不是设置的图片的中心点,请有经验的人帮忙指出问题,多谢!

2个回答

u013147734
u013147734   2016.03.02 14:52
已采纳

因为你做动画前突然setX值等,中心不好确定了。换用ObjectAnimation或ValueAnimation吧,自己实现缩放机制
ValueAnimator valueAnimator = ValueAnimator.ofFloat(1, 0.5f);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float v = (Float) animation.getAnimatedValue();
ball.setScaleX(v);
ball.setScaleY(v);
}
});
valueAnimator.setDuration(500);// 设置动画持续时间
valueAnimator.setRepeatCount(1);// 设置重复次数
valueAnimator.setRepeatMode(Animation.REVERSE);
@Override
public boolean onTouch(MotionEvent event) {
switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN:
int width = ball.getWidth();
int height = ball.getHeight();
ball.setX(event.getX() - (width / 2));//ball是图片所在的imageView控件
ball.setY(event.getY() - (height / 2));

            ball.setPivotX(ball.getWidth() / 2f);
            ball.setPivotY(ball.getHeight() / 2f);

            valueAnimator.start();
            break;
    }
    return true;
}
dxc1228
dxc1228 刚才说的不严谨,不是去掉标题栏是设置全屏
接近 2 年之前 回复
dxc1228
dxc1228 去掉标题栏就好使了或者是触摸点Y轴减去标题栏的高度,缩放点Y轴减去标题栏一半的高度就可以了
接近 2 年之前 回复
u013147734
u013147734 你可以去掉valueAnimator.start()这句话单独调试
接近 2 年之前 回复
u013147734
u013147734 如果是ball是在一个蒙层上,保证蒙层大小位置与监听事件的View一致。不是父控件的原因,再考虑其他原因
接近 2 年之前 回复
u013147734
u013147734 回复代码在青春飞扬: 确定你的这些代码是在ball的直接父控件中调用吗,否则onTouch中参数event的XY值不能直接参考,需要修正...
接近 2 年之前 回复
dxc1228
dxc1228 我测试了你的方法确实管用,但是ball.setY(event.getY() - (height / 2))改为ball.setY(event.getY() - height)才能实现效果,不知道为什么,若是有时间的话帮我解答下,谢谢!
接近 2 年之前 回复
dxc1228
dxc1228 我测试了你的方法确实管用,但是ball.setY(event.getY() - (height / 2))改为ball.setY(event.getY() - height)才能实现效果,不知道为什么,若是有时间的话帮我解答下,谢谢!
接近 2 年之前 回复
w89h06q22
w89h06q22   2016.03.02 12:13

这个问题我遇到过,是因为你用错了方法。

MotionEvent里有如下两种方法(对应y轴也一样),一个是getX(),一个是getRawX()。

这两个方法是有区别的。

getX()是指当前你的手指在touch的控件上相对该控件的位置(也就是iv的位置)。当你的手指移动时,你的控件跟着移动,这个时候,你的手指和iv的相对位置又发生了变化,就会发生iv一直跳动的现象

getRawX()是你的手指相对于屏幕的位置,这个原坐标是固定的。一般要实现控件跟随,都是用此方法。

dxc1228
dxc1228 谢谢答主,楼下的答案是正解,所以我只能采纳他(她)的答案,不过从你的回答中我也学习到新知识,还是十分感谢答主的帮忙!
接近 2 年之前 回复
w89h06q22
w89h06q22 回复代码在青春飞扬: setX()确实是以控件左上角为基准的的,但是他是相对iv所在的父布局进行偏移。你在做偏移时不对,有可是父布局位置的问题。可以通过打印iv父布局相对屏幕左上角位置来确认。
接近 2 年之前 回复
dxc1228
dxc1228 我理解的是设置控件的左上角坐标显示在屏幕中
接近 2 年之前 回复
dxc1228
dxc1228 再多问一句,就是我把上面代码中iv.setY(event.getY() - (height/2) )改为iv.setY(event.getY() - height );才能达到点击哪里图片中心显示在哪里的效果。不太明白setX()和setY()方法的用法了,我理解的是
接近 2 年之前 回复
dxc1228
dxc1228 再多问一句,就是我把上面代码中iv.setY(event.getY() - (height/2) )改为iv.setY(event.getY() - height );才能达到点击哪里图片中心显示在哪里的效果。不太明白setX()和setY()方法的用法了,我理解的是
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!