Android VR Player(全景视频播放器) [6]:视频列表的实现-本地视频
(本篇博客参考《Android第一行代码(第二版)》中关于RecyclerView的部分)
列表的实现方式
列表一般使用Listview来实现,但是Listview使用时需要做一些技巧性的优化,否者性能会很差,而且Listview扩展性不太好,所以我们可以使用Android提供的更强大的滚动控件,RecyclerView,来实现视频列表。本篇博客先分享本地视频列表的实现,下篇博客将分享如何实现网络视频列表。
RecyclerView实现本地视频列表
添加依赖
新建项目,然后和前面使用bottomnavigationbar一样,在项目app的build.gradle文件的dependencies {}闭包中添加相应的依赖:
compile 'com.android.support:recyclerview-v7:25.3.1'
不要添加到项目的build.gradle文件中了。我发现Android Studio新建项目后的视图是“Android”,开发时,我们一般使用“Project”,会让我们对整个工程的目录结构看得比较清晰。如下图所示:
点击下拉菜单,选择“Project”。
准备VideoItem和VideoItemAdapter
可以不那么准确的理解,视频列表就是一个数组,这个数组里面有很多元素,每个元素就是一个VideoItem类的实例。VideoItem类包含一个视频列表项的基本信息,比如视频截图,视频长度,视频名字等等,一个不完整的示例如下:
public class VideoItem {
public String name;
public String path;
public Bitmap thumb;
public String createdTime;
public String duration;
VideoItem(String strPath, String strName, String strCreatedTime,String strDuration,Bitmap thumb) {
this.path = strPath;
this.name = strName;
this.createdTime = strCreatedTime;
this.duration = strDuration;
this.thumb = thumb;
}
...
public String getName() {
return name;
}
public Bitmap getThumb() {
return thumb;
}
.....
上面的类很简单,包含视频的名字,路径等属性,我们提供一个带参数的构造方法,当然,我们还需要提供相关的Getter和Setter方法。在Android Studio中,使用Alt+Insert来自动生成一些方法,比如Getter和Setter,Override方法等等。具体应用时,还需要考虑一些具体的情况,增加一些属性和其他的一些必要的方法。
现在我们已经有了“数组元素”,下一步就是把这些元素添加到一个List中,有了这个List,下一步就是如何展示这个List。但是,没法直接在RecyclerView和ListView这样的View中展示一个List,所以,我们还需要一个适配器,VideoItemAdapter。
到这里,我们需要理一下思路,VideoItem构成的VideoItemList,准备好了要展示数据,这是数据处理阶段;VideoItemAdapter负责把VideoItemList中的数据加载到RecyclerView中,这是View处理阶段。既然涉及到View,自然要有相关的布局。这里需要的是VideoItem的布局。这里需要一点类比的思想,VideoItemList包含很多数据子项,它们是一些VideoItem;而RecyclerView包含很多View子项,它们是一些ViewItem的view。怎么把数据展示到View中,这就是VideoItemAdapter的工作。
一个简单的videoItem的布局可以是:
<?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="wrap_content"
android:paddingTop="5dp"
android:orientation="vertical">
<ImageView
android:id="@+id/video_thumb"
android:layout_alignParentLeft="true"
android:layout_marginLeft="15dp"
android:layout_width="120dp"
android:layout_height="90dp"
android:scaleType="fitXY"
android:src="@mipmap/ic_launcher"/>
<TextView
android:id="@+id/video_title"
android:layout_toRightOf="@+id/video_thumb"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="this is titile"
android:textSize="16sp"
android:layout_marginLeft="12dp"
/>
<TextView
android:id="@+id/video_date"
android:layout_below="@+id/video_title"
android:layout_toRightOf="@+id/video_thumb"
android:layout_marginBottom="5dp"
android:layout_marginLeft="12dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="video size"
android:textSize="12sp"
/>
<TextView
android:id="@+id/video_duration"
android:layout_below="@+id/video_title"
android:layout_alignParentRight="true"
android:layout_marginRight="15dp"
android:layout_marginBottom="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="video time last"
android:textSize="12sp"
/>
</Re