轻松创建“加载”动画答案

【问题标题】：Create "loading" animation easily轻松创建“加载”动画
【发布时间】：2014-10-02 20:09:18
【问题描述】：

我有一个 android listView，每个项目都有一个图像。加载图像需要一段时间。如何在每次加载图像时添加“加载”动画？

我应该使用 .gif 吗？或者创建我自己的动画并在onPostExecute() 上停止它？

如果我使用“毕加索”，我该怎么做，因为所有异步任务对开发人员来说都是黑匣子，我无法停止任何动画？

【问题讨论】：

在这里回答：stackoverflow.com/questions/20181491/…

标签： java android image android-asynctask picasso

【解决方案1】：

使用以下代码：

MainActivity.java

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_my);

    ArrayList<HashMap<String, String>> itemsList = new ArrayList<HashMap<String, String>>();

    ListView listView = (ListView) findViewById(R.id.listView);

    for (int i = 0; i < 5; i++) {

        // creating new HashMap
        HashMap<String, String> map = new HashMap<String, String>();

        // adding each child node to HashMap key =&gt; value
        map.put("key1", "value1");
        map.put("key2", "value2");

        // adding HashList to ArrayList
        itemsList.add(map);
    }

    ListAdapter listAdapter = new ListAdapter(this, itemsList);
    listView.setAdapter(listAdapter);
}

list_row.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:src="@drawable/ic_launcher" />

<ProgressBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/progressBar"
    android:layout_toEndOf="@+id/imageView"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />
</RelativeLayout>

ListAdapter.java

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    View vi = convertView;
    if (convertView == null)
        vi = inflater.inflate(R.layout.list_row, null);

    ImageView imageView = (ImageView) vi.findViewById(R.id.imageView);
    final ProgressBar progressBar = (ProgressBar) vi.findViewById(R.id.progressBar);

    //This line shows progressBar again for recycled view
    progressBar.setVisibility(View.VISIBLE);

    Picasso.with(activity.getApplicationContext()).load(imagePath).resize(100, 100)
            .into(imageView, new Callback() {
                @Override
                public void onSuccess() {
                    progressBar.setVisibility(View.GONE);
                }

                @Override
                public void onError() {
                    //error
                }
            });

    return vi;
}

别忘了为 Picasso Callback 添加导入

import com.squareup.picasso.Callback;

【讨论】：

我做到了。但是当列表被回收时，我也想重新初始化progressBar。我该怎么做？
不，只是进度条。但也有兴趣了解这一点
更新了视图回收的代码。行 progressBar.setVisibility(View.VISIBLE);做这项工作。

【解决方案2】：

你可以使用这个库。它工作，你可以定制你的轮子！ :) https://github.com/Todd-Davies/ProgressWheel

【讨论】：

但是如果我想用毕加索呢？那么我将如何创建进度轮呢？
您可以添加自定义滚轮并在下载未完成时隐藏毕加索的内容。但我不知道毕加索。可能是可以轻松定制。
没有毕加索和托德戴维斯库我怎么能做到这一点？

【解决方案3】：

我已经在我的 xml 中添加了这个

       <ProgressBar
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:indeterminate="true" 
        android:layout_centerInParent="true"/>

我可以在 PostExecute() 上停止它但我不确定如何让毕加索自己停止。

【讨论】：