繁体   English   中英

如何为seekbar拇指制作动画以移动到特定位置

[英]How to animate seekbar thumb to move to a specific position

我定义了不同的锁定位置:

private static final int[] gears = new int[] { 0, 33, 66, 100 };

onStopTrackingTouch我计算出我的哪个锁定位置最接近我的SeekBar的进度状态:

@Override
public void onStopTrackingTouch(final SeekBar seekBar) {
    int progress = seekBar.getProgress();
    int distance = Math.abs(gears[0] - progress);
    int index = 0;

    for(int i = 1; i < gears.length; i++) {
        int tempDistance = Math.abs(gears[i] - progress);

        if(tempDistance < distance) {
            index = i;
            distance = tempDistance;
        }
    }

    int lock = gears[index];
}

现在,我需要使用平滑的动画以某种方式将SeekBar的进度状态设置为我的锁定位置。

我如何实现该动画?

编辑

感谢@bwoogie的回答,这里是使用VerticalSeekBar的完整工作示例

@Override
public void onStopTrackingTouch(final SeekBar seekBar) {
    int progress = seekBar.getProgress();
    int distance = Math.abs(gears[0] - progress);
    int index = 0;

    for(int i = 1; i < gears.length; i++) {
        int tempDistance = Math.abs(gears[i] - progress);

        if(tempDistance < distance) {
            index = i;
            distance = tempDistance;
        }
    }

    final int lock = gears[index];
    final int tick = 50;
    final VerticalSeekBar verticalSeekBar = (VerticalSeekBar)seekBar;

    new Thread(new Runnable() {
        long now = System.currentTimeMillis();

        public void run() {
            while(seekBar.getProgress() != lock) {
                if(now + tick < System.currentTimeMillis()) {
                    if(seekBar.getProgress() > lock) {
                        getActivity().runOnUiThread(new Runnable() {
                            public void run() {
                                verticalSeekBar.setMax(100);
                                verticalSeekBar.setProgressAndThumb(seekBar.getProgress() - 1);
                            }
                        });

                    } else if(seekBar.getProgress() < lock) {
                        getActivity().runOnUiThread(new Runnable() {
                            public void run() {
                                verticalSeekBar.setMax(100);
                                verticalSeekBar.setProgressAndThumb(seekBar.getProgress() + 1);
                            }
                        });

                    } else {
                        break; 
                    }

                    now = System.currentTimeMillis();
                }
            }
        }
    }).start();
}

我要做的是创建一个循环(在新线程中),该循环每隔几毫秒检查一次是否经过了足够的时间,如果可以,那么我们可以更新seekBar。 这是基本思想,只需将其放入线程中并实现updateSeekBar()方法,因为它无法在线程中直接访问UI线程。

    int newPos; // the new position we are seeking to
    int ticks = 50; //how many milliseconds
    long now = System.getCurrentTimeMillis();

    while(seekBar.getPosition() != newPos) {
       if(now + ticks < System.getCurrentTimeMillis()) {
          if(seekBar.getPosition() > newPos) {
              updateSeekbar(seekBar.getPosition()--);}
          elseif(seekBar.getPosition() < newPos{
              updateSeekbar(seekBar.getPosition()++;}
          else {
              break; // we've reached out goal
          }
now = System.getCurrentTimeMillis(); //Edit - forgot to update the time!!
       }
    }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM