Android使用ViewPager加载图片和轮播视频

作为Android基础组件之一，大家对viewpager已经很熟悉了，网上也有很多使用viewpager来加载图片的案例。但是像微信那样点击图片，可以轮播显示图片和视频的例子却没找到。正巧项目中有需求，可以就花时间写了下，现在给一下核心代码，希望对有此需求的同学们起一个抛砖引玉的作用。话不多说了，上代码： 以下是initData的代码 public void initData() { //把聊天界面的图片和视频找出来，并加到数组中，并在 //并根据传进来的position来找到视频或图片在数组中的位置 for (int i = 0; i < MsgCount; i++) { 在Android开发中，ViewPager是一个非常重要的组件，常用于实现页面滑动效果，比如常见的轮播图、tab切换等。在给定的标题和描述中，我们看到开发者正在尝试使用ViewPager来加载并展示聊天界面中的图片和视频，实现类似微信那样的功能。这个功能不仅需要处理图片的展示，还需要支持视频的播放，同时保证页面间的平滑过渡。 我们需要创建一个数据结构来存储聊天界面中的消息，这里可能是ArrayList或其他类型的集合，比如`Msg1 MessageList`。在`initData()`方法中，遍历这些消息，根据消息类型（图片或视频）将其URL添加到`ImageUrl`列表中。同时，根据传入的`position`值，找到当前应该显示的图片或视频的位置。这一步是为了确保用户在打开界面时，能够直接看到对应的消息。 接着，我们构建一个视图列表`viewList`，它将包含所有的图片视图（PhotoView）和视频视图（SurfaceVideoView）。对于图片，创建一个PhotoView实例并添加到列表；对于视频，使用LayoutInflater加载布局文件（如`activity_video_player.xml`），找到其中的SurfaceVideoView，并设置其高度以适应屏幕宽度，同时确保视频保持正确的宽高比。然后将整个布局视图添加到列表。 创建自定义适配器`MyAdapter`，将`viewList`传递给ViewPager，使ViewPager能够根据列表中的视图来创建和管理页面。如果`position`不为-1，设置ViewPager当前显示的页面为`position`，即用户打开应用时要显示的图片或视频。 在`initEvent()`方法中，给ViewPager设置了一个OnPageChangeListener，用于监听页面切换事件。当页面切换时，需要做两件事：一是停止之前页面的视频播放，二是更新`position`的值，以便于后续操作。同时，遍历ViewPager的所有子视图，恢复它们的默认状态，确保每个页面在切换后都能正确显示。 这个示例涉及到的关键知识点包括： 1. ViewPager的使用：通过设置Adapter和OnPageChangeListener，实现页面的滑动和切换。 2. 自定义Adapter：创建适配器来绑定数据和视图，使ViewPager可以根据数据动态生成页面。 3. PhotoView：一个支持缩放和手势操作的图片视图，适用于显示聊天中的图片。 4. SurfaceVideoView：用于播放视频的视图，通常与MediaPlayer或ExoPlayer配合使用。 5. 视频尺寸调整：计算视频视图的高度，保持正确的宽高比。 6. 页面切换逻辑：处理页面切换时的资源释放和状态恢复，如停止视频播放。 这样的实现方式可以帮助开发者构建一个集图片和视频于一体的轮播组件，满足多类型内容展示的需求，提高用户体验。不过实际开发中，可能还需要考虑更多细节，比如视频的加载和播放优化、图片的缓存策略等。