Android实现视频图片轮播功能

// ===========================================
// 文件: mainactivity.java
// 描述: 主 activity，实现媒体轮播和视频自动播放控制
// ===========================================
package com.example.mediacarouseldemo;
 
import android.os.bundle;
import androidx.appcompat.app.appcompatactivity;
import androidx.viewpager.widget.viewpager;
import android.util.log;
import java.util.arraylist;
import java.util.list;
 
/**
 * mainactivity 作为轮播功能的入口，主要实现以下功能：
 * 1. 初始化 viewpager 并加载媒体 fragment 集合。
 * 2. 根据媒体类型控制视频自动播放与暂停。
 * 3. 更新页面指示器（可选）。
 */
public class mainactivity extends appcompatactivity {
 
    private static final string tag = "mainactivity";
    private viewpager mviewpager;
    private mediapageradapter madapter;
    private list<mediaitem> mmediaitemlist;
 
    @override
    protected void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        // 设置主布局 activity_main.xml
        setcontentview(r.layout.activity_main);
 
        mviewpager = findviewbyid(r.id.viewpager);
 
        // 初始化媒体数据（示例中混合图片和视频）
        initmediadata();
 
        // 初始化适配器，将数据传递给 mediapageradapter
        madapter = new mediapageradapter(getsupportfragmentmanager(), mmediaitemlist);
        mviewpager.setadapter(madapter);
 
        // 监听页面切换事件，实现视频自动播放和暂停功能
        mviewpager.addonpagechangelistener(new viewpager.onpagechangelistener() {
            private int currentpage = 0;
            @override
            public void onpagescrolled(int position, float positionoffset, int positionoffsetpixels) { }
 
            @override
            public void onpageselected(int position) {
                // 获取前一个页面并暂停视频播放（若为 videofragment）
                mediafragment previousfragment = madapter.getmediafragment(currentpage);
                if (previousfragment instanceof videofragment) {
                    ((videofragment) previousfragment).pausevideo();
                }
                // 获取当前页面并启动视频播放（若为 videofragment）
                mediafragment currentfragment = madapter.getmediafragment(position);
                if (currentfragment instanceof videofragment) {
                    ((videofragment) currentfragment).playvideo();
                }
                currentpage = position;
            }
 
            @override
            public void onpagescrollstatechanged(int state) { }
        });
    }
 
    /**
     * 初始化媒体数据列表，可根据需要从网络或本地数据库加载数据
     */
    private void initmediadata() {
        mmediaitemlist = new arraylist<>();
        // 添加示例数据：类型 0 表示图片，类型 1 表示视频
        mmediaitemlist.add(new mediaitem(0, "图片1", "drawable://sample_image1"));
        mmediaitemlist.add(new mediaitem(1, "视频1", "video://sample_video1.mp4"));
        mmediaitemlist.add(new mediaitem(0, "图片2", "drawable://sample_image2"));
        mmediaitemlist.add(new mediaitem(1, "视频2", "video://sample_video2.mp4"));
        mmediaitemlist.add(new mediaitem(0, "图片3", "drawable://sample_image3"));
    }
 
    @override
    protected void onpause() {
        super.onpause();
        // 当 activity 暂停时，确保当前视频停止播放
        int currentitem = mviewpager.getcurrentitem();
        mediafragment currentfragment = madapter.getmediafragment(currentitem);
        if (currentfragment instanceof videofragment) {
            ((videofragment) currentfragment).pausevideo();
        }
    }
}
 
// ===========================================
// 文件: mediaitem.java
// 描述: 数据模型类，用于表示媒体项（图片或视频）信息
// ===========================================
package com.example.mediacarouseldemo;
 
/**
 * mediaitem 包含媒体类型、标题和资源地址
 * mediatype: 0 表示图片，1 表示视频
 */
public class mediaitem {
    private int mediatype;
    private string title;
    private string resourceurl;
 
    public mediaitem(int mediatype, string title, string resourceurl) {
        this.mediatype = mediatype;
        this.title = title;
        this.resourceurl = resourceurl;
    }
 
    public int getmediatype() {
        return mediatype;
    }
 
    public string gettitle() {
        return title;
    }
 
    public string getresourceurl() {
        return resourceurl;
    }
}
 
// ===========================================
// 文件: mediafragment.java
// 描述: 抽象父 fragment，用于统一图片和视频页面的基础逻辑
// ===========================================
package com.example.mediacarouseldemo;
 
import androidx.fragment.app.fragment;
 
/**
 * mediafragment 为展示媒体内容的基类，imagefragment 与 videofragment 均继承自此类
 */
public abstract class mediafragment extends fragment {
    // 定义公共方法接口，如播放、暂停等，由具体子类实现
}
 
// ===========================================
// 文件: imagefragment.java
// 描述: 显示图片的 fragment，通过 imageview 展示图片资源
// ===========================================
package com.example.mediacarouseldemo;
 
import android.os.bundle;
import androidx.annotation.nullable;
import android.view.layoutinflater;
import android.view.view;
import android.view.viewgroup;
import android.widget.imageview;
import com.bumptech.glide.glide;
 
/**
 * imagefragment 继承自 mediafragment，用于加载和展示图片
 */
public class imagefragment extends mediafragment {
 
    private static final string arg_title = "arg_title";
    private static final string arg_resource_url = "arg_resource_url";
    private string mtitle;
    private string mresourceurl;
 
    public static imagefragment newinstance(string title, string resourceurl) {
        imagefragment fragment = new imagefragment();
        bundle args = new bundle();
        args.putstring(arg_title, title);
        args.putstring(arg_resource_url, resourceurl);
        fragment.setarguments(args);
        return fragment;
    }
 
    @override
    public void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        if (getarguments() != null) {
            mtitle = getarguments().getstring(arg_title);
            mresourceurl = getarguments().getstring(arg_resource_url);
        }
    }
 
    @nullable
    @override
    public view oncreateview(layoutinflater inflater, @nullable viewgroup container, @nullable bundle savedinstancestate) {
        // 加载布局文件 fragment_image.xml
        view view = inflater.inflate(r.layout.fragment_image, container, false);
        imageview imageview = view.findviewbyid(r.id.iv_image);
        // 加载图片资源，使用 glide 库进行图片加载（可根据需求选择其他图片加载库）
        glide.with(getcontext()).load(mresourceurl).into(imageview);
        return view;
    }
}
 
// ===========================================
// 文件: videofragment.java
// 描述: 显示视频的 fragment，通过 videoview 实现视频播放
// ===========================================
package com.example.mediacarouseldemo;
 
import android.net.uri;
import android.os.bundle;
import androidx.annotation.nullable;
import android.view.layoutinflater;
import android.view.view;
import android.view.viewgroup;
import android.widget.videoview;
 
/**
 * videofragment 继承自 mediafragment，用于加载和播放视频
 */
public class videofragment extends mediafragment {
 
    private static final string arg_title = "arg_title";
    private static final string arg_resource_url = "arg_resource_url";
    private string mtitle;
    private string mresourceurl;
    private videoview mvideoview;
 
    public static videofragment newinstance(string title, string resourceurl) {
        videofragment fragment = new videofragment();
        bundle args = new bundle();
        args.putstring(arg_title, title);
        args.putstring(arg_resource_url, resourceurl);
        fragment.setarguments(args);
        return fragment;
    }
 
    @override
    public void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        if(getarguments() != null) {
            mtitle = getarguments().getstring(arg_title);
            mresourceurl = getarguments().getstring(arg_resource_url);
        }
    }
 
    @nullable
    @override
    public view oncreateview(layoutinflater inflater, @nullable viewgroup container, @nullable bundle savedinstancestate) {
        // 加载布局文件 fragment_video.xml
        view view = inflater.inflate(r.layout.fragment_video, container, false);
        mvideoview = view.findviewbyid(r.id.video_view);
        // 设置视频 uri（本示例使用本地文件或网络视频）
        mvideoview.setvideouri(uri.parse(mresourceurl));
        return view;
    }
 
    /**
     * 开始播放视频
     */
    public void playvideo() {
        if(mvideoview != null && !mvideoview.isplaying()) {
            mvideoview.start();
        }
    }
 
    /**
     * 暂停视频播放
     */
    public void pausevideo() {
        if(mvideoview != null && mvideoview.isplaying()) {
            mvideoview.pause();
        }
    }
}
 
// ===========================================
// 文件: mediapageradapter.java
// 描述: viewpager 适配器，负责将图片或视频 fragment 动态加载到 viewpager 中
// ===========================================
package com.example.mediacarouseldemo;
 
import androidx.fragment.app.fragment;
import androidx.fragment.app.fragmentmanager;
import androidx.fragment.app.fragmentpageradapter;
import java.util.list;
 
/**
 * mediapageradapter 继承自 fragmentpageradapter，用于管理媒体 fragment 的加载
 */
public class mediapageradapter extends fragmentpageradapter {
 
    private list<mediaitem> mmediaitems;
    // 为了便于在 activity 中获取对应 fragment，使用数组记录已创建的 fragment
    private mediafragment[] mfragments;
 
    public mediapageradapter(fragmentmanager fm, list<mediaitem> items) {
        super(fm, behavior_resume_only_current_fragment);
        mmediaitems = items;
        mfragments = new mediafragment[items.size()];
    }
 
    @override
    public fragment getitem(int position) {
        mediaitem item = mmediaitems.get(position);
        mediafragment fragment;
        if(item.getmediatype() == 0) {
            // 图片类型，返回 imagefragment
            fragment = imagefragment.newinstance(item.gettitle(), item.getresourceurl());
        } else {
            // 视频类型，返回 videofragment
            fragment = videofragment.newinstance(item.gettitle(), item.getresourceurl());
        }
        mfragments[position] = fragment;
        return fragment;
    }
 
    @override
    public int getcount() {
        return mmediaitems.size();
    }
 
    /**
     * 提供外部接口，返回指定位置的 mediafragment 用于视频播放控制
     */
    public mediafragment getmediafragment(int position) {
        if(position < mfragments.length) {
            return mfragments[position];
        }
        return null;
    }
}

<!-- ===========================================
     文件: activity_main.xml
     描述: mainactivity 的布局文件，包含 viewpager 用于展示图片和视频轮播效果
     =========================================== -->
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.coordinatorlayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_coordinator"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
    <!-- toolbar 用于展示顶部标题，非必需，可根据需求添加 -->
    <com.google.android.material.appbar.appbarlayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <androidx.appcompat.widget.toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionbarsize"
            app:title="媒体轮播"
            app:titletextcolor="@android:color/white"
            app:popuptheme="@style/themeoverlay.appcompat.light"/>
    </com.google.android.material.appbar.appbarlayout>
 
    <!-- viewpager 占据剩余空间 -->
    <androidx.viewpager.widget.viewpager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</androidx.coordinatorlayout.widget.coordinatorlayout>
 
<!-- ===========================================
     文件: fragment_image.xml
     描述: imagefragment 布局文件，仅包含一个 imageview 用于展示图片
     =========================================== -->
<?xml version="1.0" encoding="utf-8"?>
<relativelayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/image_fragment_root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000">
 
    <imageview
        android:id="@+id/iv_image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaletype="centercrop"/>
</relativelayout>
 
<!-- ===========================================
     文件: fragment_video.xml
     描述: videofragment 布局文件，仅包含一个 videoview 用于播放视频
     =========================================== -->
<?xml version="1.0" encoding="utf-8"?>
<framelayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/video_fragment_root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000">
 
    <videoview
        android:id="@+id/video_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</framelayout>
 
<!-- ===========================================
     文件: colors.xml
     描述: 定义项目中使用的颜色资源
     =========================================== -->
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="white">#ffffff</color>
    <color name="black">#000000</color>
    <color name="primary">#3f51b5</color>
</resources>
 
<!-- ===========================================
     文件: styles.xml
     描述: 定义应用主题与样式资源，采用 appcompat 主题
     =========================================== -->
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="apptheme" parent="theme.appcompat.light.noactionbar">
        <item name="android:windowbackground">@color/black</item>
        <item name="android:textcolorprimary">@color/white</item>
    </style>
</resources>