Android 中的 AdapterViewFlipper 示例

Android 中的 AdapterViewFlipper 是什么?

Adapter View Flipper 是一个用于在两个或多个具有相同内容的视图之间进行动画处理的控件。它用于在我们的应用程序中实现类似幻灯片的动画。AdapterViewFlipper 是 ViewAnimator 类的子类，借助 ViewAnimator 类，我们可以在两个不同的视图之间切换。

Android 中 AdapterViewFlipper 的实现

我们将创建一个简单的应用程序，其中我们将简单地显示一个简单的文本视图来显示标题，以及一个 AdapterViewFlipper。在 Adapter View Flipper 内部，我们将显示一个图像视图和一个文本视图，用于显示编程语言。我们将按照分步指南在我们的 Android 应用程序中实现 AdapterViewFlipper。

步骤 1:在 Android Studio 中创建新项目

如下图所示，导航到 Android Studio。在下方屏幕中，点击"新建项目"以创建一个新的 Android Studio 项目。

点击"新建项目"后，您将看到以下屏幕。

在此屏幕中，我们只需选择"空活动"并点击"下一步"。点击"下一步"后，您将看到以下屏幕。

在此屏幕中，我们只需指定项目名称。然后包名称将自动生成。

注意 - 确保选择 Java 作为语言。

指定所有详细信息后，点击"完成"以创建一个新的 Android Studio 项目。

项目创建完成后，我们将看到两个打开的文件，即 activity_main.xml 和 MainActivity.kt 文件。

步骤 2:使用 activity_main.xml

导航到 activity_main.xml。如果看不到此文件，请打开它。在左侧窗格中，导航至 app>res>layout>activity_main.xml 并打开此文件。打开此文件后，添加以下代码。代码中添加了注释，以便您详细了解。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical"
   tools:context=".MainActivity">

   <!-- on below line creating a text view for heading of application-->
   <TextView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_above="@id/idAVFlipper"
      android:layout_margin="10dp"
      android:text="Adapter View Flipper in Android"
      android:textAlignment="center"
      android:textColor="@color/black"
      android:textSize="25sp"
      android:textStyle="bold" />

   <!-- on below lin creating an adapter view flipper-->
   <AdapterViewFlipper
      android:id="@+id/idAVFlipper"
      android:layout_width="match_parent"
      android:layout_height="300dp"
      android:layout_centerInParent="true"
      android:layout_margin="10dp" />
</RelativeLayout>

说明− 在上面的代码中，我们创建了一个根布局，并将其作为相对布局。在这个布局中，我们创建了 Textview，用于显示应用程序的简单标题。之后，我们创建了一个 AdapterViewFlipper 小部件来显示 View Flipper。

步骤 3:为 AdapterViewFlipper 的各项创建一个新的 xml 文件

导航至 app>res>xml>右键单击该文件>新建 XML 资源文件，并将其命名为 view_flipper_item，并向其中添加以下代码。代码中添加了注释，以便您详细了解。

<?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">

   <!-- on below line creating an image view for displaying in adapter view flipper-->
   <ImageView
      android:id="@+id/idIVLanguage"
      android:layout_width="match_parent"
      android:layout_height="200dp"
      android:layout_centerInParent="true"
      android:layout_margin="10dp"
      android:padding="4dp" />

   <!-- on below line creating a text view for adapter view flipper -->
   <TextView
      android:id="@+id/idTVProgrammingLanguage"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_below="@id/idIVLanguage"
      android:gravity="center"
      android:textAlignment="center"
      android:textColor="@android:color/black"
      android:textSize="18sp"
      android:textStyle="bold" />
</RelativeLayout>

说明− 在上面的代码中，我们创建了一个根布局作为相对布局。在这个布局中，我们首先创建一个图像视图来显示编程语言的图像，然后创建一个文本视图来显示编程语言的名称。

步骤 4:将图像添加到 Drawable 文件夹

将您想要添加的图像复制到视图翻转器中。然后导航至 Android Studio 项目>app>res>drawable>右键单击它并粘贴这些图像，将它们添加到 drawable 文件夹中。

步骤 5:使用 MainActivity.java 文件

导航至 app>java>您的应用包名称>MainActivity.java 文件，并向其中添加以下代码。代码中添加了注释，以便您详细了解。

package com.example.androidjavaapp;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

   // on below line creating a variable for adapter view flipper.
   AdapterViewFlipper languageAdapterViewFlipper;

   // on below line creating an array for images.
   int[] languageImageArray = {
      R.drawable.c,
      R.drawable.chash,
      R.drawable.cs,
      R.drawable.html,
      R.drawable.android,
      R.drawable.java,
   };

   // on below line creating an array for names of programming languages.
   String[] programmingLanguages = {
      "C++",
      "C#",
      "CSS",
      "HTML",
      "Android",
      "Java"
   };

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      // on below line initialing language adapter view flipper with id given in activity_main.xml file.
      languageAdapterViewFlipper = findViewById(R.id.idAVFlipper);
      // on below line initializing adapter view flipper.
      AdapterViewFlipperAdapter adapterViewFlipperAdapter = new AdapterViewFlipperAdapter(getApplicationContext(), languageImageArray, programmingLanguages);
      // on below line setting adapter.
      languageAdapterViewFlipper.setAdapter(adapterViewFlipperAdapter);
      // on below line setting flip interval in milli seconds and setting it to auto start to true.
      languageAdapterViewFlipper.setFlipInterval(2600);
      languageAdapterViewFlipper.setAutoStart(true);
   }
}

// on below line creating an adapter view flipper class and extending it with base adapter.
class AdapterViewFlipperAdapter extends BaseAdapter {
   // on below line creating a variable for context, images array, languages array and layout inflater.
   Context context;
   int[] languageImageArray;
   String[] programmingLngArray;
   LayoutInflater inflater;

   // on below line creating a constructor for it.
   public AdapterViewFlipperAdapter(Context context, int[] images, String[] names) {
      this.context = context;
      this.languageImageArray = images;
      this.programmingLngArray = names;
      this.inflater = LayoutInflater.from(context);
   }

   @Override
   public int getCount() {
      // on below line returning count for programming languages array.
      return programmingLngArray.length;
   }

   // below method is for getting item
   @Override
   public Object getItem(int position) {
      return null;
   }

   // below method is for getting item id.
   @Override
   public long getItemId(int position) {
      return 0;
   }

   // below method is use to get the view.
   @Override
   public View getView(int position, View convertView, ViewGroup parent) {
      // on below line inflating our layout file which we have created.
      convertView = inflater.inflate(R.layout.view_flipper_item, null);
      // on below line creating and initializing variables for text view and image view
      TextView programmingLngTV = convertView.findViewById(R.id.idTVProgrammingLanguage);
      ImageView languageIV = convertView.findViewById(R.id.idIVLanguage);
      // on below line setting data to our text view and image view and returning our layout file.
      programmingLngTV.setText(programmingLngArray[position]);
      languageIV.setImageResource(languageImageArray[position]);
      return convertView;
   }
}

说明− 在上面的代码中，我们首先创建了用于适配器视图翻转器的变量，然后创建一个用于存储所有图像的整数数组，之后我们创建一个字符串数组来添加编程语言的名称。请确保按相同的顺序添加图像和编程语言的名称，以便在 AdapterViewFlipper 中正确显示。

之后，我们在 onCreate 方法中使用我们在 activity_main.xml 文件中指定的 id 初始化适配器视图翻转器。

之后，我们创建一个内部类，并将其命名为 AdapterViewFlipperAdapetr。此类将用于将数据设置为 AdapterViewFlipper 的各项，例如文本视图和图像视图。在此类中，我们创建了用于上下文、语言图像整数数组、编程语言字符串数组的变量，以及用于上下文的变量。之后，我们为所有这些变量创建一个构造函数。

get count 方法用于返回适配器视图 flipper 中要显示的项目数量。在这个方法中，我们返回数组的大小。

之后，使用 get item 方法获取项目。然后，我们创建一个名为 getItemId 的方法，并返回 0。

之后，我们创建一个 getView 方法，在其中使用布局 inflater 填充我们创建的布局文件。

之后，我们创建文本视图和图像视图的变量，并使用布局文件中提供的 ID 初始化这些变量。之后，我们根据图像数组和语言名称数组设置文本视图和图像视图的数据。最后，我们返回我们创建的视图。

创建适配器类后，我们在 onCreate 方法中通过传递上下文、编程语言数组和图像数组来初始化此适配器。然后，我们将此适配器设置为适配器视图翻转器。之后，我们设置翻转间隔并启动适配器视图翻转器。

添加上述代码后，只需点击顶部栏中的绿色图标即可在移动设备上运行我们的应用程序。

注意− 确保您已连接到真实设备或模拟器。

结论

在以上教程中，我们了解了 Android 中的 AdapterViewFlipper 是什么，以及如何使用它来显示应用程序中不同视图的滑动动画。

相关文章

• 如何在 Android 中将 Java 位图转换为字节数组?
• 如何在 Android 中当用户选择语言时更改应用语言?
• 如何在 Android 中将操作栏标题居中对齐?
• Android 中的 Admob 横幅广告
• Android 中的 Admob 插页式广告
• Kotlin 中的 Android 运动布局
• Android SDK 及其组件
• Kotlin 中的 Android Toast 功能
• Android 中的音频管理器
• Android 自动图片滑块示例