Android Image Slider

17 Mar 2025 | 阅读 2 分钟

Android image slider 从一个屏幕滑动到另一个屏幕。Image slider 是由支持库提供的 ViewPager 创建的。要实现 image slider，你需要继承ViewPager类，该类扩展了 PagerAdapter。

Image Slider 示例

让我们看一个 Android Image Slider 的例子。

activity_main.xml

在 activity_main.xml 文件中，我们将 ViewPager 包装在 RelativeLayout 中。

文件：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.test.imageslider.MainActivity">


    <android.support.v4.view.ViewPager
        android:id="@+id/viewPage"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</RelativeLayout>

Activity 类

文件：MainActivity.java

package com.example.test.imageslider;

import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

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

        ViewPager mViewPager = (ViewPager) findViewById(R.id.viewPage);
        ImageAdapter adapterView = new ImageAdapter(this);
        mViewPager.setAdapter(adapterView);
    }
}

ImageAdapter 类

现在为 Android Image Slider 创建一个扩展 PagerAdapter 的 ImageAdapter 类。

将一些图片放在 drawable 文件夹中，这些图片将被滑动。

文件：ImageAdapter.java

package com.example.test.imageslider;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

public class ImageAdapter extends PagerAdapter{
    Context mContext;

    ImageAdapter(Context context) {
        this.mContext = context;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == ((ImageView) object);
    }

    private int[] sliderImageId = new int[]{
            R.drawable.image1, R.drawable.image2, R.drawable.image3,R.drawable.image4, R.drawable.image5,
    };

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView = new ImageView(mContext);
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        imageView.setImageResource(sliderImageId[position]);
        ((ViewPager) container).addView(imageView, 0);
        return imageView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        ((ViewPager) container).removeView((ImageView) object);
    }

    @Override
    public int getCount() {
        return sliderImageId.length;
    }
}

我们需要重写 PagerAdapter 类中的以下方法。

isViewFromObject(View, Object)：此方法检查视图是否与 instantiateItem() 返回的键相关联。
instantiateItem(ViewGroup, int)：此方法创建传递给参数的页面位置。
destroyItem(ViewGroup, int, Object)：它会从容器中删除页面当前的位置。在此示例中，我们仅使用 removeView() 删除了对象。
getCount()：它返回 ViewPager 中可用视图的数量。

输出

下一主题Android ViewStub

Android Image Slider

Image Slider 示例

activity_main.xml

Activity 类

ImageAdapter 类

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

相机教程

Android 测验

Android 面试

Android MCQ

Android 杂项

Android 版本

Android 社交

Android 示例

添加广告

Google 地图

Android Web Service

Android 动画

Android 图形

传感器教程

Android 教程

安卓设备

Android 电信

Android 语音

Android 多媒体

XML 和 JSON

Android SQLite

Android 存储

Android AlarmManager

Android Service

Android Menu

Android Fragments

Activity 和 Intents

Android Widgets

Android Image Slider

Image Slider 示例

activity_main.xml

Activity 类

ImageAdapter 类

相关帖子

自定义 ListView

ProgressBar

WebView

SeekBar

TimePicker

UI Widgets

AlertDialog

Toast

单选按钮 (RadioButton)

TabLayout with FrameLayout

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器