簡體   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