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

这一篇主要来讲视频的播放,上一篇说主页面是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和视频来源(本地还是在线)。
效果图：

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