Android仿ios加载loading菊花图效果

以下是 Android 仿 iOS 加载 loading 菊花图效果的完整攻略。

1. 了解需求及基本原理

在开发过程中，我们需要制作一个和 iOS 类似的加载 loading 菊花图效果。实现这个效果大体可以分成两个步骤：

1. 定义布局文件，通过布局文件设置 loading 菊花图图像的大小和位置；
2. 通过代码控制 loading 菊花图的显示和隐藏，实现动态效果。

2. 实现步骤

2.1. 定义布局文件

在你的布局 XML 文件中，定义一个 FrameLayout 控件，并在其中添加一个 ImageView 控件，代码如下：

<FrameLayout
    android:id="@+id/loading_container"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical|center_horizontal"
    android:layout_marginTop="150dp">

    <ImageView
        android:id="@+id/loading_image"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:src="@drawable/loading"
        android:tag="loading"
        android:visibility="gone"/>

</FrameLayout>

在这个布局文件中，我们定义了一个容器布局（FrameLayout），并在其中定义了一个 ImageView 控件，我们将该 ImageView 控件用于显示 loading 菊花图。需要注意的是，我们设置 ImageView 控件的 visibility 属性为 gone，这是为了让控件默认不可见。

2.2. 制作动画效果

在 Java 文件中，定义了一个 AnimationDrawable 对象，代码如下：

AnimationDrawable animationDrawable = new AnimationDrawable();
for (int i = 1; i <= 8; i++) {
    String id = i < 10 ? "loading_0" + i : "loading_" + i;
    int resId = getResources().getIdentifier(id, "drawable", getPackageName());
    animationDrawable.addFrame(getResources().getDrawable(resId), 150);
}
animationDrawable.setOneShot(false);

在代码中，我们定义了一个 AnimationDrawable 对象，并将 loading 图片资源添加到该对象中。然后我们设置了 loop 参数，让 AnimationDrawable 对象能够循环播放。

2.3. 控制 ImageView 的显示和隐藏

在逻辑代码中，我们需要根据不同的业务需求，控制 loading 菊花图的显示和隐藏。例如在请求网络数据时，我们可以在开始请求数据时显示 loading 菊花图，在获取到数据后就可以将 loading 菊花图隐藏起来。代码如下：

View loadingContainer = getActivity().findViewById(R.id.loading_container);
ImageView loadingImage = getActivity().findViewById(R.id.loading_image);

if (loading) {
   loadingContainer.setVisibility(View.VISIBLE);
   loadingImage.setVisibility(View.VISIBLE);
   animationDrawable.start();
} else {
   loadingContainer.setVisibility(View.GONE);
   loadingImage.setVisibility(View.GONE);
   animationDrawable.stop();
}

在以上代码中，我们获取了当前 activity 中的 ImageView 控件。如果需要显示 loading 菊花图，我们就将 visibility 设置为 View.VISIBLE，同时通过调用 animationDrawable.start() 方法来启动动画播放。在不需要显示 loading 菊花图时，我们将 visibility 设置为 View.GONE，并同时调用 animationDrawable.stop() 方法来停止动画播放。

3. 示例

以下是两个示例，分别演示了显示 loading 菊花图和隐藏 loading 菊花图的过程。

3.1. 示例 1

View loadingContainer = getActivity().findViewById(R.id.loading_container);
ImageView loadingImage = getActivity().findViewById(R.id.loading_image);

loadingContainer.setVisibility(View.VISIBLE);
loadingImage.setVisibility(View.VISIBLE);
animationDrawable.start();

在这个示例中，我们调用了 View 的setVisibility()方法，将 ImageView 控件中设置visibility为View.VISIBLE,然后启动了动画播放。

3.2. 示例 2

View loadingContainer = getActivity().findViewById(R.id.loading_container);
ImageView loadingImage = getActivity().findViewById(R.id.loading_image);

loadingContainer.setVisibility(View.GONE);
loadingImage.setVisibility(View.GONE);
animationDrawable.stop();

在这个示例中，我们调用了 View 的setVisibility() 方法，将 ImageView 控件设置为 visibility 为 View.GONE，并停止了动画播放。

4. 总结

通过上述步骤，我们就可以实现一个简单的 Android 仿 iOS 加载 loading 菊花图效果。需要注意的是，在实现过程中，有很多需要注意的细节，例如动画效果的帧率、播放方式等。因此，在开发过程中，需要仔细阅读相关文档，并结合实际业务需求进行调整，才能实现更优秀的 loading 菊花图效果。