视频播放器(二)——播放列表

这一篇主要来讲视频的播放,上一篇说主页面是Indicator+ViewPager+Fragment的布局，所以，在线视频的数据是展示在OnlineFragment中，本地视频的数据是展示在LocalFragment中的。

一. 在线播放列表(OnlineFragment.java):

在OnlineFragment中，我们以GridView的形式展示网络视频数据，所以OnlineFragment中只包含一个GridView控件，看代码：

public class OnlineFragment extends Fragment {
private GridView mGvOnline;
private List<VideoInfo> mOnlineDatas;
private OnlineGridAdapter mAdapter;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater,
@Nullable ViewGroup container,
@Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_online, null);
mGvOnline = (GridView) view.findViewById(R.id.online_grid);
mOnlineDatas = setData(3);
mAdapter = new OnlineGridAdapter(getActivity(), mOnlineDatas);
mGvOnline.setAdapter(mAdapter);
return view;
}

/**
* 以下为构造的虚假数据，如果真正项目，
* 需要从服务去取视频相关数据
* @param size
*/
private List<VideoInfo> setData(int size){
List<VideoInfo> list = new ArrayList<VideoInfo>();
for (int i=0; i<size; i++){
String title = "新白娘子传奇(恶搞)";
String url = "http://wsqncdn.miaopai.com/stream/jCbI0KliCs0jehZm4EwZ~g__.mp4";
VideoInfo info = new VideoInfo();
info.setTitle(title);
info.setUrl(url);
list.add(info);
}
return list;
}
}

可以注意到，我们mOnlineDatas的数据是通过setData()方法造的一些假数据，正式项目需要从服务器拿视频的相关数据，我这里没有服务，所以就造了一些假的，但是我们的视频还是网络上的视频，这点不影响。mOnlineDatas需要设置给mAdapter，所以来看OnlineGridAdapter。

OnlineGridAdapter.java:

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if (convertView == null){
holder = new ViewHolder();
convertView = mInflater.inflate(R.layout.item_online_grid, parent, false);
holder.mIv = (ImageView) convertView.findViewById(R.id.item_online_image);
holder.mTvTitle = (TextView) convertView.findViewById(R.id.item_online_title);
convertView.setTag(holder);
}else{
holder = (ViewHolder) convertView.getTag();
}
holder.mTvTitle.setText(mDatas.get(position).getTitle());

convertView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(mContext, PlayActivity.class);
intent.putExtra(Contants.VIDEO_POSITION, position);
intent.putExtra(Contants.VIDEO_FILES, (Serializable) mDatas);
intent.putExtra(Contants.VIDEO_FROM, Contants.ONLINE);
mContext.startActivity(intent);
}
});

return convertView;
}

在线视频列表中，只展示了视频缩略图和标题，当然，这两个数据是在代码中写死的，正常应该是从服务器中拿。

最后，设置convertView的点击事件，当点击某一项时，跳转至PlayActivity页面播放视频，intent携带了三个参数，当前位置position，视频集合mDatas和视频来源(本地还是在线)。

效果图：



二. 本地播放列表(LocalFragment.java)：

在LocalFragment中，我们是以List的形式展示本地视频数据的，所以，LocalFragment中包含一个ListView控件，代码如下：

public class LocalFragment extends Fragment {
private ListView mLocalLv;
private List<VideoInfo> mLocalDatas;
private LocalListAdapter mAdapter;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_local, null);
mLocalLv = (ListView) view.findViewById(R.id.local_list);
mLocalDatas = Utils.getVideoFiles(getActivity());
mAdapter = new LocalListAdapter(getActivity(), mLocalDatas);
mLocalLv.setAdapter(mAdapter);
return view;
}
}

从上边可以看到，mLocalDatas的数据是调用Utils.getVideoFiles方法来获取SD上的视频文件的，而我们把每一个视频相关的信息封装为一个VideoInfo的实体类。然后把没LocalDatas设置给mAdapter,mAdapter负责展示在ListView中，下面来看LocalListAdapter。

LocalListAdapter.java:

只看最主要的getView方法：

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if (convertView == null){
holder = new ViewHolder();
convertView = mInflater.inflate(R.layout.item_local_list, parent, false);
holder.mIvThumb = (ImageView) convertView.findViewById(R.id.item_local_thumb);
holder.mTvTitle = (TextView) convertView.findViewById(R.id.item_local_title);
holder.mTvDuration = (TextView) convertView.findViewById(R.id.item_local_duration);
convertView.setTag(holder);
}else{
holder = (ViewHolder) convertView.getTag();
}

Bitmap bitmap = Utils.getVideoThumbnail(mDatas.get(position).getUrl());
if (bitmap != null){
holder.mIvThumb.setImageBitmap(bitmap);
}
holder.mTvTitle.setText(mDatas.get(position).getDisplayName());
holder.mTvDuration.setText(Utils.formatToString(mDatas.get(position).getDuration()));

convertView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(mContext, PlayActivity.class);
intent.putExtra(Contants.VIDEO_POSITION, position);
intent.putExtra(Contants.VIDEO_FILES, (Serializable) mDatas);
intent.putExtra(Contants.VIDEO_FROM, Contants.LOCAL);
mContext.startActivity(intent);
}
});

return convertView;
}

可以看到，我们展示在列表的视频信息有三个：缩略图，标题和时长。缩略图通过Utils.getVideoThumbnail()方法获取，标题和时长通过从LocalFragment传递过来的数据的集合获取。

最后，设置convertView的点击事件，当点击某一项时，跳转至PlayActivity页面播放视频，intent携带了三个参数，当前位置position，视频集合mDatas和视频来源(本地还是在线)。

效果图：



这一篇主要了解视频列表的布局和实现，下一篇最重要，开始讲如何播放视频