Question

我已经在这个问题上摸不着头了很长时间，没有任何运气就找到了答案！这似乎是微不足道的，但据我所知，事实并非如此。

我在我的Android应用程序中使用listview，其中每个项目（视图）在显示之前显示旋转的ProgressBar 内容被加载和显示（内容通过http调用和json检索，因此可能需要一段时间才能处理）。问题是旋转进度杆彼此独立地旋转，从而产生旋转的效果混乱，而不是同步的一排好看的装载标记。

我已经尝试了所有我能想到的东西......没有在getView（）中循环使用ProgressBar ...只有一个相同ProgressBar的实例... 重置ProgressBars android：每当列表项可见时进度（通过活动中的onScroll（））......等等，但由于它们在创建时开始旋转（当在适配器中调用getView时），它们将永远不会有相同的循环同步。

enter image description here

欢迎任何建议！

Answer 1

编辑：现在完美无缺！ - 在第一次重复之后插入的动画侦听器调用setStartOffset（）回到0，这样它就不会随机“跳跃”。

我找到了一个解决此问题的工作方案，它通过将动画计时到当前系统毫秒来工作。这有点像黑客，因为它使用反射来获取mAnimation中的ProgressBar字段。话虽这么说，自创建以来，这个领域一直存在于Android资源中（最多可以达到4.2）。

创建android.widget.SyncedProgressBar类，并在.xml文件中使用它而不是ProgressBar。它实质上使动画开始于动画持续时间的开始。你也可以使用setDuration(500)来验证它是否有效（进度轮会很快旋转）。希望这有帮助！

package android.widget;

import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;

import java.lang.reflect.Field;

/**
* @author Oleg Vaskevich
*
*/
public class SyncedProgressBar extends ProgressBar {

    public SyncedProgressBar(Context context) {
        super(context);
        modifyAnimation();
    }

    public SyncedProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        modifyAnimation();
    }

    public SyncedProgressBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        modifyAnimation();
    }

    @Override
    public void setVisibility(int v) {
        super.setVisibility(v);
        modifyAnimation();
    }

    @SuppressLint("NewApi")
    @Override
    protected void onVisibilityChanged(View changedView, int visibility) {
        super.onVisibilityChanged(changedView, visibility);
        modifyAnimation();
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        modifyAnimation();
    }

    @Override
    public synchronized void setIndeterminate(boolean indeterminate) {
        super.setIndeterminate(indeterminate);
        modifyAnimation();
    }

    public void modifyAnimation() {
        Field mAnim;
        try {
            mAnim = ProgressBar.class.getDeclaredField("mAnimation");
            mAnim.setAccessible(true);
            AlphaAnimation anim = (AlphaAnimation) mAnim.get(this);
            if (anim == null)
                return;

            // set offset to that animations start at same time
            long duration = anim.getDuration();
            long timeOffset = System.currentTimeMillis() % duration;
            anim.setDuration(duration);
            anim.setStartOffset(-timeOffset);
            anim.setAnimationListener(new AnimationListener() {
                @Override
                public void onAnimationStart(Animation animation) {
                }

                @Override
                public void onAnimationRepeat(Animation animation) {
                    animation.setStartOffset(0);
                }

                @Override
                public void onAnimationEnd(Animation animation) {
                }
            });
        } catch (Exception e) {
            Log.d("SPB", "that didn't work out...", e);
            return;
        }
        postInvalidate();
    }

}

Answer 2

以下是如何使其发挥作用。只使用一个AnimationDrawable，复用回调。 ProgressBar并没有真正添加任何东西，你可以坚持使用View。创建View的子类，绕过Drawable管理。

public class Whirly extends View
{
   Drawable image = null;

   public Whirly(Context context, AttributeSet attr)
   {
      super(context, attr);
   }

   @Override
   public void draw(Canvas canvas)
   {
      if (image!=null)
         image.draw(canvas);
   }

   public void setImageDrawable(Drawable image)
   {
      this.image = image;
      invalidate();
   }
}

然后让你的活动以某种方式跟踪所有的旋风。

public class Demo extends Activity implements Drawable.Callback
{
   private Handler h;
   private AnimationDrawable a;

   private Whirly w0;
   private Whirly w1;
   private Whirly w2;
   private Whirly w3;

   public void onCreate(Bundle bundle)
   {
      ...

      h = new Handler();

      a = (AnimationDrawable) getResources().getDrawable(R.drawable.mywhirly);
      int width = a.getIntrinsicWidth();
      int height = a.getIntrinsicHeight();
      a.setBounds(0, 0, width, height);

      w0 = (Whirly) findViewById(R.id.whirly0);
      w1 = (Whirly) findViewById(R.id.whirly1);
      w2 = (Whirly) findViewById(R.id.whirly2);
      w3 = (Whirly) findViewById(R.id.whirly3);

      w0.setImageDrawable(a);
      w1.setImageDrawable(a);
      w2.setImageDrawable(a);
      w3.setImageDrawable(a);

      a.setCallback(this);
      a.start();
   }

   public void invalidateDrawable (Drawable who)
   {
      w0.invalidate();
      w1.invalidate();
      w2.invalidate();
      w3.invalidate();
   }

   public void scheduleDrawable (Drawable who, Runnable what, long when)
   {
      h.postAtTime(what, who, when);
   }

   public void unscheduleDrawable (Drawable who, Runnable what)
   {
      h.removeCallbacks(what, who);
   }
}

Answer 3

在适配器中，getView（）禁用progressViwe，然后禁用每个progressView

handler.postAtTime(new Runnable(){

public void run(){
     progressView.setEnabled(true);
}}, someTimeInTheFuture
);

这样做可以同时启用所有progressView。这可能有用，我还没有测试过。如果这不起作用，那么您可能想要动态添加progressView（不包含在布局中，但通过addView（）添加）。但是在runnable中这样做，关键在于它们都可以同时添加。

Answer 4

通过源代码挖掘我发现由于私有Animation，旋转图像是一个正在旋转的可绘制图像。无法获取视图或动画，因此放弃了在所有视图上重复使用一个动画的任何想法。我说你唯一的选择是Jug6ernaut所建议的，即使它不是最漂亮的解决方案。

Answer 5

我不确定这是否可行，因为ListView中的每一行在离开屏幕时都会被回收。当屏幕上出现新行时，ProgressBar视图都必须彼此重新同步。保持所有行同步将是一个很大的PITA。

您是否考虑过在一个请求中加载所有列表数据并将该数据缓存到本地存储？它会更有效，并带来更好的用户体验。让ListView立即加载空行并不是很有用。我宁愿等待列表完全填充。

Answer 6

1＆GT;为列表行创建布局

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dip" >

    <TextView
        android:id="@+id/word_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:text="Word 1" />

    <ProgressBar
        android:id="@+id/row_progress"
        style="@style/Widget.Sherlock.Light.ProgressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:indeterminate="true" />

    <ImageView
        android:id="@+id/speaker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:src="@drawable/speaker_icon" 
        android:visibility="gone"/>
</RelativeLayout>

2 - ;然后在getView方法

if(word.getIsWordSynchedLocally() == 1){
                convertView.findViewById(R.id.row_progress).setVisibility(View.GONE);
                convertView.findViewById(R.id.speaker).setVisibility(View.VISIBLE);
            }else{
                convertView.findViewById(R.id.row_progress).setVisibility(View.VISIBLE);
                convertView.findViewById(R.id.speaker).setVisibility(View.GONE);
            }

在每个listview项目中旋转进度条

6 个答案: