手机影音第十三天,xutils3Glide的使用获取网络图片;下拉上滑刷新;缓存网络资源

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机影音第十三天,xutils3Glide的使用获取网络图片;下拉上滑刷新;缓存网络资源相关的知识,希望对你有一定的参考价值。

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

        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), image, view注解, 但依然很轻量级(246K), 并且特性强大, 方便扩展:

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

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

    • 有了强大的http及其下载缓存的支持, image模块的实现相当的简洁, 并且支持回收被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 {
    @Override
    public 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.XListView
        android:divider="@null"
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></com.yuanlp.mobileplayer.view.XListView>
    <TextView
        android: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"/>

    <ProgressBar
        android: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"
    >
    <RelativeLayout
        android:layout_centerVertical="true"
       android:id="@+id/rl_image"
        android:layout_width="120dp"
        android:layout_height="80dp">
        <ImageView
            android:id="@+id/iv_icon"
            android:scaleType="fitXY"
            android:src="@drawable/video_default"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
        <ImageView
            android: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>
    <LinearLayout
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/rl_image"
        android:orientation="vertical"
        android:layout_marginLeft="8dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android: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"/>
        <TextView
            android: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
    @Override
    public void onSuccess(String result) {
        LogUtil.e("联网成功"+result);

        //解析数据,获取数据并展示adapter
        progressData(result);

        //将获取的数据保存
        CacheUtils.putString(context,Constants.NET_URL,result);

        //设置item点击事件
        listview.setOnItemClickListener(new MyOnItemClickListener());

    }

    @Override
    public void onError(Throwable ex, boolean isOnCallback) {
        LogUtil.e("联网失败"+ex.getMessage());
        nonet.setVisibility(View.VISIBLE); //文本显示没网络数据
        pb_loading.setVisibility(View.GONE);
    }

    @Override
    public void onCancelled(CancelledException cex) {
        LogUtil.e("onCancelled"+cex.getMessage());
    }

    @Override
    public 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<>();
    //利用系统来解析json
    try {
        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;


    }

    @Override
    public int getCount() {
        return mediaList.size();
    }

    @Override
    public Object getItem(int position) {
        return mediaList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public 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.image().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 {

    @Override
    public void onRefresh() {
        getData();

    }

    @Override
    public void onLoadMore() {

        RequestParams params=new RequestParams(Constants.NET_URL);
        x.http().get(params, new Callback.CommonCallback<String>() {  //回调公用的一个String
            @Override
            public void onSuccess(String result) {
                LogUtil.e("联网成功"+result);
                isloadMore=true;
                //解析数据,获取数据并展示adapter
                progressData(result);

                listview.setOnItemClickListener(new MyOnItemClickListener());

            }

            @Override
            public void onError(Throwable ex, boolean isOnCallback) {
                LogUtil.e("联网失败"+ex.getMessage());
                isloadMore=false;
                nonet.setVisibility(View.VISIBLE); //文本显示没网络数据
                pb_loading.setVisibility(View.GONE);

            }

            @Override
            public void onCancelled(CancelledException cex) {
                LogUtil.e("onCancelled"+cex.getMessage());
                isloadMore=false;
            }

            @Override
            public 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
        @Override
        public void onSuccess(String result) {
            LogUtil.e("联网成功"+result);

            //解析数据,获取数据并展示adapter
            progressData(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());


}


本文出自 “YuanGuShi” 博客,请务必保留此出处http://cm0425.blog.51cto.com/10819451/1951257

以上是关于手机影音第十三天,xutils3Glide的使用获取网络图片;下拉上滑刷新;缓存网络资源的主要内容,如果未能解决你的问题,请参考以下文章

团队冲刺第十三天-KeepRunningAPP

javaSE第十三天

第十三天

第十三天

马哥教育M28第十三天到第十五天学习总结

python第十三天(函数三)