代码已经托管到码云上，感兴趣的小伙伴可以下载看看

https://git.oschina.net/joy_yuan/MobilePlayer

本次的网络资源地址使用的是时光网的api接口，地址如下：

http://api.m.mtime.cn/PageSubArea/TrailerList.api

效果如下：

一、Xutils3 的使用

去github上看详解：https://github.com/wyouflf/xUtils3

xUtils3简介

• xUtils 包含了orm, http(s), p_w_picpath, view注解, 但依然很轻量级(246K), 并且特性强大, 方便扩展:

  • 稳定的基石: AbsTask和统一的回调接口Callback, 任何异常, 即使你的回调方法实现有异常都会进入onError, 任何情况下onFinished总会让你知道任务结束了.

  • 基于高效稳定的orm工具, http模块得以更方便的实现cookie(支持domain, path, expiry等特性)和 缓存(支持Cache-Control, Last-Modified, ETag等特性)的支持.

  • 有了强大的http及其下载缓存的支持, p_w_picpath模块的实现相当的简洁, 并且支持回收被view持有, 但被Mem Cache移除的图片, 减少页面回退时的闪烁..

  • view注解模块仅仅400多行代码却灵活的支持了各种View注入和事件绑定, 包括拥有多了方法的listener的支持.

其他特性

• 支持超大文件(超过2G)上传

• 更全面的http请求协议支持(11种谓词)

• 拥有更加灵活的ORM, 和greenDao一致的性能

• 更多的事件注解支持且不受混淆影响...

• 图片绑定支持gif(受系统兼容性影响, 部分gif文件只能静态显示), webp; 支持圆角, 圆形, 方形等裁剪, 支持自动旋转...

• 从3.5.0开始不再包含libwebpbackport.so, 需要在Android4.2以下设备兼容webp的请使用3.4.0版本.

1.1、在Android studio中添加xutils3的方法：

a   在build.gradle里添加依赖

compile 'org.xutils:xutils:3.5.0'

b    添加权限

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

c 新建一个MyApplication类extends Application ,然后重写里面的onCreate()方法，在里面初始化xutils

package com.yuanlp.mobileplayer;import android.app.Application;import org.xutils.x;/*** Created by 原立鹏 on 2017/7/26.*/public class MyApplication extends Application {@Overridepublic void onCreate() {super.onCreate();x.Ext.init(this);x.Ext.setDebug(BuildConfig.DEBUG); // 是否输出debug日志, 开启debug会影响性能.}
}

d 、利用xutils的注解方法，来实例化布局里的控件

1）、网络视频也是一个listview，因此主页面与本地视频的主页面类似，

<?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="match_parent"><com.yuanlp.mobileplayer.view.XListViewandroid:divider="@null"android:id="@+id/listview"android:layout_width="match_parent"android:layout_height="match_parent"></com.yuanlp.mobileplayer.view.XListView><TextViewandroid:visibility="gone"android:textSize="18sp"android:textColor="#000000"android:id="@+id/tv_nonet"android:text="没有网络"android:layout_centerInParent="true"android:layout_width="wrap_content"android:layout_height="wrap_content"/><ProgressBarandroid:layout_centerInParent="true"android:id="@+id/pb_loading"android:layout_width="wrap_content"android:layout_height="wrap_content"/></RelativeLayout>

2）然后就是每个listview的item的布局，有图片和linearlayout

<?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="100dp"android:gravity="center_vertical"><RelativeLayoutandroid:layout_centerVertical="true"android:id="@+id/rl_p_w_picpath"android:layout_width="120dp"android:layout_height="80dp"><ImageViewandroid:id="@+id/iv_icon"android:scaleType="fitXY"android:src="@drawable/video_default"android:layout_width="match_parent"android:layout_height="match_parent"/><ImageViewandroid:layout_alignParentRight="true"android:layout_alignParentBottom="true"android:layout_marginRight="8dp"android:layout_marginBottom="8dp"android:src="@drawable/center_collect_play"android:layout_width="wrap_content"android:layout_height="wrap_content"/></RelativeLayout><LinearLayoutandroid:layout_centerVertical="true"android:layout_toRightOf="@+id/rl_p_w_picpath"android:orientation="vertical"android:layout_marginLeft="8dp"android:layout_width="match_parent"android:layout_height="wrap_content"><TextViewandroid:id="@+id/tv_name"android:text="视频名称"android:textSize="18sp"android:maxLines="1"android:textColor="#000000"android:layout_width="wrap_content"android:layout_height="wrap_content"/><TextViewandroid:id="@+id/tv_videotitle"android:text="视频描述"android:textSize="18sp"android:layout_marginTop="8dp"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout></RelativeLayout>

1.2、 利用xutils获取网络资源

a 利用xutils的x.http().get(params,callback);来获取网络资源，不管获取成功与否，都在callback里有回调方法：

Constants.NET_URL="http://api.m.mtime.cn/PageSubArea/TrailerList.api";

RequestParams params=new RequestParams(Constants.NET_URL);
x.http().get(params, new Callback.CommonCallback<String>() {  //回调公用的一个String@Overridepublic void onSuccess(String result) {LogUtil.e("联网成功"+result);//解析数据,获取数据并展示adapterprogressData(result);//将获取的数据保存CacheUtils.putString(context,Constants.NET_URL,result);//设置item点击事件listview.setOnItemClickListener(new MyOnItemClickListener());}@Overridepublic void onError(Throwable ex, boolean isOnCallback) {LogUtil.e("联网失败"+ex.getMessage());nonet.setVisibility(View.VISIBLE); //文本显示没网络数据pb_loading.setVisibility(View.GONE);}@Overridepublic void onCancelled(CancelledException cex) {LogUtil.e("onCancelled"+cex.getMessage());}@Overridepublic void onFinished() {LogUtil.e("onFinished");}
});private void progressData(String result) {if (!isloadMore){mediaList=progressJson(result);showData();pb_loading.setVisibility(View.GONE);  //progressbar隐藏}else{//加载更多，那么就把新的list加入到原有的list中ArrayList<MediaItem> moreMediaList=progressJson(result);mediaList.addAll(moreMediaList);//刷新适配器netvideoAdap.notifyDataSetChanged();isloadMore=false;onLoad();}
}private void showData() {if (mediaList!=null&&mediaList.size()>0){nonet.setVisibility(View.GONE);  //隐藏文本netvideoAdap = new NetVideoAdapter(context,mediaList);//设置适配器listview.setAdapter(netvideoAdap);onLoad(); //重新加载listview数据}else {nonet.setVisibility(View.VISIBLE); //文本显示没网络数据}
}/*** 解析json有2中方法：* 1、利用系统接口* 2、利用第三方接口，如gson,fastjson* @param json* @return*/
private ArrayList<MediaItem> progressJson(String json) {ArrayList<MediaItem> mediaItems=new ArrayList<>();//利用系统来解析jsontry {JSONObject jsonObject=new JSONObject(json);JSONArray trailers = jsonObject.optJSONArray("trailers");//利用这个方法，来获取一个数组if (trailers!=null&&trailers.length()>0){for (int i=0;i<trailers.length();i++){JSONObject object = (JSONObject) trailers.get(i);if (object!=null){MediaItem item=new MediaItem();String movieName = object.getString("movieName");item.setName(movieName);String videoTitle=object.getString("videoTitle");item.setVideoTitle(videoTitle);String coverImg=object.getString("coverImg");item.setCoverImg(coverImg);String hightUrl=object.getString("hightUrl");item.setData(hightUrl);LogUtil.e("电影名字："+movieName);mediaItems.add(item);}}}} catch (JSONException e) {e.printStackTrace();}return mediaItems;}

二、Glide的使用

在build.gradle里添加依赖，然后sync一下就可以了

compile 'com.github.bumptech.glide:glide:3.6.1'

在网络资源的adapter里，设置图片的网络资源时，用Glide最好，这样子模拟机与真机里都可以获取到图片。

Glide.().load(item.getCoverImg()).into(viewHolder.);

具体的adapter代码如下：

package com.yuanlp.mobileplayer.adapter;import android.content.Context;
import android.graphics.Bitmap;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;import com.bumptech.glide.Glide;
import com.yuanlp.mobileplayer.R;
import com.yuanlp.mobileplayer.bean.MediaItem;
import com.yuanlp.mobileplayer.utils.Utils;import java.util.ArrayList;/*** Created by 原立鹏 on 2017/7/26.*/public class NetVideoAdapter extends BaseAdapter {private Context context;private ArrayList<MediaItem> mediaList;private Utils utils;private static Bitmap bitmap;public NetVideoAdapter(Context context, ArrayList<MediaItem> mediaList){this.context=context;this.mediaList=mediaList;}@Overridepublic int getCount() {return mediaList.size();}@Overridepublic Object getItem(int position) {return mediaList.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder viewHolder=null;if (convertView==null){View view = LayoutInflater.from(context).inflate(R.layout.netmedialayout, null);convertView=view;viewHolder=new ViewHolder();viewHolder.iv_icon= (ImageView) convertView.findViewById(R.id.iv_icon);viewHolder.tv_name= (TextView) convertView.findViewById(R.id.tv_name);viewHolder.tv_videotitle= (TextView) convertView.findViewById(R.id.tv_videotitle);convertView.setTag(viewHolder);}else{viewHolder= (ViewHolder) convertView.getTag();}//得到数据MediaItem item=mediaList.get(position);viewHolder.tv_name.setText(item.getName());viewHolder.tv_videotitle.setText(item.getVideoTitle());Glide.with(context).load(item.getCoverImg()).into(viewHolder.iv_icon);// x.p_w_picpath().bind(viewHolder.iv_icon,item.getCoverImg());return convertView;}/*** 公共的控件类，里面包含每一行要显示的控件*/private static class ViewHolder{ImageView iv_icon;TextView tv_name;TextView tv_time;TextView tv_size;TextView tv_videotitle;}
}

三、下拉刷新，xListView

在这里下拉刷新我用的是网络上的一个Xlistview,可以到github上下载

下载好之后，把src文件夹里的XListView 、XListViewFooter、XListViewHeader拷贝到自己的项目里，然后把res里对应的布局文件拷贝过去。

然后把上面的自定义的网络资源里的布局文件的listview的类，指向我们刚才拷贝的XlistView

当设置好listview的setAdapter后，我们要设置listview的上拉、下拉刷新

listview.setPullLoadEnable(true);listview.setXListViewListener(new MyXListViewListener());class MyXListViewListener implements XListView.IXListViewListener {@Overridepublic void onRefresh() {getData();}@Overridepublic void onLoadMore() {RequestParams params=new RequestParams(Constants.NET_URL);x.http().get(params, new Callback.CommonCallback<String>() {  //回调公用的一个String@Overridepublic void onSuccess(String result) {LogUtil.e("联网成功"+result);isloadMore=true;//解析数据,获取数据并展示adapterprogressData(result);listview.setOnItemClickListener(new MyOnItemClickListener());}@Overridepublic void onError(Throwable ex, boolean isOnCallback) {LogUtil.e("联网失败"+ex.getMessage());isloadMore=false;nonet.setVisibility(View.VISIBLE); //文本显示没网络数据pb_loading.setVisibility(View.GONE);}@Overridepublic void onCancelled(CancelledException cex) {LogUtil.e("onCancelled"+cex.getMessage());isloadMore=false;}@Overridepublic void onFinished() {LogUtil.e("onFinished");isloadMore=false;}});}
}/*** 重新加载adapter里的数据*/
private void onLoad() {listview.stopRefresh();listview.stopLoadMore();listview.setRefreshTime("更新时间"+getSystemTime());
}

在这里我们写了listview的上拉下拉监听回调方法。

a 、 当下拉时，重新去刷新数据，相当于去重新请求该api地址的数据。

b 、在上拉时，去获取新的数据，放到list里，然后setAdapter。这里由于数据固定，就每次上拉时，把原先的list拷贝一份加进去，相当于2个list的数据。

四、当有网络时，把网络资源保存到本地，断网后，再打开应用可以将资源展现。

定义一个CacheUtils类，来实现get/set网络资源

package com.yuanlp.mobileplayer.utils;import android.content.Context;
import android.content.SharedPreferences;/*** Created by 原立鹏 on 2017/7/26.** 当网络断掉时，之前访问的网络视频资源保存到本地*/public class CacheUtils {public static void putString(Context context,String key,String values){//创建一个私有的文件SharedPreferences sharedPreferences=context.getSharedPreferences("yuan",Context.MODE_PRIVATE);sharedPreferences.edit().putString(key,values).commit();}public static String  getString(Context context,String key){SharedPreferences sharedPreferences=context.getSharedPreferences("yuan",Context.MODE_PRIVATE);return sharedPreferences.getString(key,""); //默认返回空字符串}
}

这样在有网络时，就把数据存到本地

/*** 获取网络数据*/
public void getData() {RequestParams params=new RequestParams(Constants.NET_URL);x.http().get(params, new Callback.CommonCallback<String>() {  //回调公用的一个String@Overridepublic void onSuccess(String result) {LogUtil.e("联网成功"+result);//解析数据,获取数据并展示adapterprogressData(result);//将获取的数据保存到本地CacheUtils.putString(context,Constants.NET_URL,result);//设置item点击事件listview.setOnItemClickListener(new MyOnItemClickListener());}。。。。

当初始化时，回去读取本地视频，如果有，则去读取并展示

@Override
public void initData() {super.initData();//获取网络数据getData();LogUtil.e("网络视频页面的数据被初始化了");//获取之前有网络时保存的数据String jsonResult=CacheUtils.getString(context,Constants.NET_URL);//当有本地数据时，去解析本地数据if (!TextUtils.isEmpty(jsonResult)){progressData(jsonResult);}listview.setPullLoadEnable(true);listview.setXListViewListener(new MyXListViewListener());}