android 资讯阅读器(二)

时间：2021-02-27 03:26:45

接着上次的博客,上次移植完了tab以后整个app的框架就算是定下来了.

本次目标:

1.数据的获取与展示(ListView)

2.官方的下拉刷新效果(SwipeRefreshLayout)

3.数据接口的申请(mob 官网 mob api)

4.webview的使用(webview)

实现效果如下:

android 资讯阅读器(二)

首先,为listview的item写个布局:就叫list_item

list_item.xml :

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:orientation="vertical">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_weight="8"

        android:orientation="horizontal">

        <TextView

            android:id="@+id/item_title"

            android:layout_width="0dp"

            android:layout_height="match_parent"

            android:layout_weight="1"

            android:paddingLeft="10dp"

            android:paddingTop="10dp"

            android:paddingRight="10dp"

            android:text="title"

            android:maxLines="3"

            android:textSize="17dp" />

        <ImageView

            android:id="@+id/item_pic"

            android:layout_marginTop="10dp"

            android:layout_width="140dp"

            android:layout_height="80dp"

            android:layout_gravity="center"

            android:layout_marginBottom="10dp"

            android:layout_marginRight="10dp" />

    </LinearLayout>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_weight="2"

        android:orientation="horizontal">

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:gravity="center_vertical"

            android:paddingLeft="10dp"

            android:textSize="10dp"

            android:text="滴答资讯" />

        <TextView

            android:layout_width="0dp"

            android:layout_height="match_parent"

            android:layout_weight="1" />

        <TextView

            android:id="@+id/item_time"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:textSize="10dp"

            android:layout_marginRight="10dp"

            android:text="2016-06-24 13:10" />

    </LinearLayout>

</LinearLayout>

效果如下:

android 资讯阅读器(二)

也看不粗啥,就照着上面 ctry+c 　　ctry+v

就行. 不懂可以直接留言联系我.嘿嘿

下面编写Fragment

对应第一的tab 的fragmen 叫TopicalFragment

TopicalFragment.java :

package com.zfls.didainf;

import android.content.Intent;

import android.os.Bundle;

import android.os.Handler;

import android.support.annotation.Nullable;

import android.support.v4.app.Fragment;

import android.support.v4.widget.SwipeRefreshLayout;

import android.util.Log;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.ListView;

import android.widget.Toast;

import com.android.volley.RequestQueue;

import com.android.volley.Response;

import com.android.volley.VolleyError;

import com.android.volley.toolbox.JsonObjectRequest;

import com.android.volley.toolbox.Volley;

import com.zfls.didainf.itembean.ItemBean;

import com.zfls.didainf.network.NetWork;

import org.json.JSONArray;

import org.json.JSONException;

import org.json.JSONObject;

import java.util.ArrayList;

import java.util.List;

import java.util.Map;

import static com.zfls.didainf.network.NetWork.SEARCH;

/**

 * Created by guwei on 16-6-23.

 */

public class TopicalFragment extends Fragment implements SwipeRefreshLayout.OnRefreshListener{

    SwipeRefreshLayout mSwipeRefreshLayout;

    ListView mListview;

    List<ItemBean> itemBeenlist = new ArrayList<>();

    //请求的页码

    int page = 1;

    @Nullable

    @Override

    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.tab_topical , container , false);

        initView(view);

        getDate();

        return view;

    }

    private void initView(View view) {

        mListview = (ListView) view.findViewById(R.id.tab_topical_list);

        mSwipeRefreshLayout = (SwipeRefreshLayout) view.findViewById(R.id.swiperefreshlayout);

        mSwipeRefreshLayout.setColorSchemeResources(R.color.colorRed , R.color.colorGre , R.color.colorBlu);

        mSwipeRefreshLayout.setProgressViewEndTarget(true , 150);

        mSwipeRefreshLayout.setOnRefreshListener(this);

        mListview.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override

            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                Map<String  , String> map = new MyAdapter(getContext() , itemBeenlist).getItem(position);

                Intent intent = new Intent(getActivity() , Webview.class);

                String title = map.get("title");

                String url = map.get("sourceUrl");

                Bundle bundle = new Bundle();

                bundle.putString("title" , title);

                bundle.putString("url" , url);

                bundle.putString("Activity" , "Topical");

                intent.putExtras(bundle);

                startActivity(intent);

            }

        });

    }

    //滑动手势监听 , 加载数据

    @Override

    public void onRefresh() {

        Toast.makeText(getActivity() , "loding..." , Toast.LENGTH_SHORT).show();

        getDate();

        mSwipeRefreshLayout.setRefreshing(false);

    }

    private void getDate() {

        final String url = SEARCH;

        RequestQueue requestQueue = Volley.newRequestQueue(getContext());

        JsonObjectRequest jsonObjectRequest = new JsonObjectRequest(url+"2&page="+page, null,

                new Response.Listener<JSONObject>() {

                    @Override

                    public void onResponse(JSONObject jsonObject) {

                        try {

                            int retCode = jsonObject.getInt("retCode");

                            Log.i("TAG" , retCode+"");

                            Log.i("TAG" , url+"2&page="+page);

                            if(retCode == 200){

                                JSONObject result = jsonObject.getJSONObject("result");

                                JSONArray arrobj = result.getJSONArray("list");

                                for(int i=0 ; i<arrobj.length() ; i++){

                                    JSONObject item = arrobj.getJSONObject(i);

                                    String title = item.getString("title");

                                    String pubTime = item.getString("pubTime");

                                    String sourceUrl = item.getString("sourceUrl");

                                    //String thumbnails = item.getString("thumbnails");

                                    itemBeenlist.add(new ItemBean( title ,pubTime , null, sourceUrl));

                                    Log.i("TAG" , title+"\t"+pubTime+"\t"+sourceUrl);

                                }

                                mListview.setAdapter(new MyAdapter(getContext() , itemBeenlist));

                            }

                        } catch (JSONException e) {

                            e.printStackTrace();

                        }

                    }

                },

                new Response.ErrorListener() {

                    @Override

                    public void onErrorResponse(VolleyError volleyError) {

                        Toast.makeText(getActivity() , "loding..." , Toast.LENGTH_SHORT).show();

                    }

                });

        requestQueue.add(jsonObjectRequest);

        ++page;

    }

}

上面访问网络的操作使用的是google 提供的Volley 框架很方便.具体用法可以看我的博客(近期会写... 也可以先行百度一下,有很多大神写的很棒)

这里简单介绍下获取json返回的方法:

1. 引入官方jar包,可以网上直接下载或者 百度云: http://pan.baidu.com/s/1skSFERb

2. 获取 requestQueue 对象:

 RequestQueue requestQueue = Volley.newRequestQueue(getContext());

2. 接收json返回的请求方法:(第一个参数 是请求 地址 , 第二个参数 get 请求时为null , 第三个参数 请求成功的回调 , 第四个请求失败的 回调)

JsonObjectRequest jsonObjectRequest = new JsonObjectRequest(String url , null , Listener , errorListener );

3. 将requestqueue 加入请求队列

requestQueue.add(jsonObjectRequest);

4. 解析返回的json参数

　　返回参数 格式:

{

  "msg": "success",

  "result": {

    "curPage": 1,

    "list": [

      {

        "cid": "2",

        "cvtPubTime": 1466741280000,

        "id": "3477587",

        "pubTime": "2016-06-24 12:08",

        "sourceUrl": "http://www.yinews.cn/article/3477587.shtm",

        "subTitle": "双喜！王哲林也登陆NBA！第57顺位被灰熊队选中",

        "title": "双喜！王哲林也登陆NBA！第57顺位被灰熊队选中"

      },

      {

        "cid": "2",

        "cvtPubTime": 1466727480000,

        "id": "3477232",

        "pubTime": "2016-06-24 08:18",

        "sourceUrl": "http://www.yinews.cn/article/3477232.shtm",

        "subTitle": "战备危机！美媒称美军已无力抵御中俄“高端威胁”",

        "title": "战备危机！美媒称美军已无力抵御中俄“高端威胁”"

      }

    ],

    "total": 11126

  },

  "retCode": "200"

}

　　可以看到该返回整体是个jsonobject类型 , 包含三个参数 :msg, result,retCode

　　result 又是一个jsobject类型 包含 三个参数 : curPage , list , total

　　list 是一个jsonArray类型.

　　下面就是根据返回参数解析:

 new Response.Listener<JSONObject>() {

                    @Override

                    public void onResponse(JSONObject jsonObject) {

                        try {

                            int retCode = jsonObject.getInt("retCode");

                            Log.i("TAG" , retCode+"");

                            Log.i("TAG" , url+"2&page="+page);

                            if(retCode == 200){

                                JSONObject result = jsonObject.getJSONObject("result");

                                JSONArray arrobj = result.getJSONArray("list");

                                for(int i=0 ; i<arrobj.length() ; i++){

                                    JSONObject item = arrobj.getJSONObject(i);

                                    String title = item.getString("title");

                                    String pubTime = item.getString("pubTime");

                                    String sourceUrl = item.getString("sourceUrl");

                                    //String thumbnails = item.getString("thumbnails");

                                    itemBeenlist.add(new ItemBean( title ,pubTime , null, sourceUrl));

                                    Log.i("TAG" , title+"\t"+pubTime+"\t"+sourceUrl);

                                }

                                mListview.setAdapter(new MyAdapter(getContext() , itemBeenlist));

                            }

                        } catch (JSONException e) {

                            e.printStackTrace();

                        }

                    }

                }

解析后log打印的结果:

06-27 15:21:38.474 23997-23997/com.zfls.didainf I/TAG: 200

06-27 15:21:38.474 23997-23997/com.zfls.didainf I/TAG: http://apicloud.mob.com/wx/article/search?key=你的key&size=10&cid=2&page=3

06-27 15:21:38.474 23997-23997/com.zfls.didainf I/TAG: 惊天大盗丨这名律师看了一眼车牌号，车主信用卡里的钱就没了！    2016-06-27 11:04    http://www.yinews.cn/article/3486126.shtm

06-27 15:21:38.474 23997-23997/com.zfls.didainf I/TAG: 湖南大巴起火致35死：司机是否弃车逃生？    2016-06-27 10:29    http://www.yinews.cn/article/3485957.shtm

06-27 15:21:38.474 23997-23997/com.zfls.didainf I/TAG: 093B改进型核潜艇曝光 提升安静性和反潜能力    2016-06-27 08:47    http://www.yinews.cn/article/3485839.shtm

06-27 15:21:38.474 23997-23997/com.zfls.didainf I/TAG: 两湖猪价简析：肥肉贱卖 猪价破位下跌    2016-06-27 07:19    http://www.yinews.cn/article/3485871.shtm

06-27 15:21:38.475 23997-23997/com.zfls.didainf I/TAG: 湖南一副局长再次偷窥未成年女孩洗澡，纪委已立案    2016-06-27 07:18    http://www.yinews.cn/article/3485701.shtm

06-27 15:21:38.475 23997-23997/com.zfls.didainf I/TAG: 宝钢武钢筹划战略重组 钢企最大合并案拉开序幕    2016-06-27 07:13    http://www.yinews.cn/article/3485503.shtm

06-27 15:21:38.475 23997-23997/com.zfls.didainf I/TAG: 英国：实验证明，群众的眼睛不是雪亮的，群众的眼睛是盲    2016-06-27 06:22    http://www.yinews.cn/article/3485496.shtm

06-27 15:21:38.475 23997-23997/com.zfls.didainf I/TAG: 自杀厅官刘小华：曾每隔一两周自费飞广州看妻子    2016-06-27 05:34    http://www.yinews.cn/article/3485389.shtm

06-27 15:21:38.475 23997-23997/com.zfls.didainf I/TAG: 被情人骂渣男中行一分行长获赔    2016-06-27 02:44    http://www.yinews.cn/article/3485321.shtm

06-27 15:21:38.475 23997-23997/com.zfls.didainf I/TAG: 北京故宫3年内将拆除所有违建 只保留古代建筑    2016-06-27 02:43    http://www.yinews.cn/article/3485756.shtm

至此获取数据的任务就已经完成了.(数据申请 可以去mob官方网站 , 或者其他提供接口的网站)

下一步: 创建一个itembean

ItemBean.java :

package com.zfls.didainf.itembean;

import android.widget.ImageView;

import android.widget.TextView;

/**

 * Created by guwei on 16-6-24.

 */

public class ItemBean {

    public String mTitle;

    public String mTime;

    public String mImageUrl;

    public String mInforUrl;

    public ItemBean(String mTitle, String mTime, String mImageUrl , String mInforUrl) {

        this.mTitle = mTitle;

        this.mTime = mTime;

        this.mImageUrl = mImageUrl;

        this.mInforUrl = mInforUrl;

    }

}

编写适配器:

MyAdapter.java :

package com.zfls.didainf;

import android.content.Context;

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.zfls.didainf.itembean.ItemBean;

import com.zfls.didainf.network.ImageLoader;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

/**

 * Created by guwei on 16-6-24.

 */

public class MyAdapter extends BaseAdapter {

    private LayoutInflater mLayoutInflater;

    private List<ItemBean> mDataList;

    private ImageLoader mImageLoader;

    public MyAdapter(Context context , List<ItemBean> list){

        mDataList = list;

        mLayoutInflater = LayoutInflater.from(context);

        mImageLoader = new ImageLoader();

    }

    //获取数据数量

    @Override

    public int getCount() {

        return mDataList.size();

    }

    //获取对应项的id

    @Override

    public long getItemId(int position) {

        return position;

    }

    //获取对应postion的item

    @Override

    public Map<String , String> getItem(int position) {

        ItemBean itemBean = mDataList.get(position);

        Map<String , String> map = new HashMap<>();

        map.put("title" , itemBean.mTitle);

        map.put("pubTime" , itemBean.mTime);

        map.put("sourceUrl" , itemBean.mInforUrl);

        return map;

    }

    @Override

    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder viewHolder = new ViewHolder();

        if(convertView == null){

            convertView = mLayoutInflater.inflate(R.layout.list_item ,null);

            viewHolder.itempic = (ImageView) convertView.findViewById(R.id.item_pic);

            viewHolder.title = (TextView) convertView.findViewById(R.id.item_title);

            viewHolder.time = (TextView) convertView.findViewById(R.id.item_time);

            convertView.setTag(viewHolder);

        }else{

            viewHolder = (ViewHolder) convertView.getTag();

        }

        ItemBean bean = mDataList.get(position);

        viewHolder.itempic.setBackgroundResource(R.mipmap.icon_no_pic);

        //异步加载图片

//        String url = bean.mImageUrl;

//        if(url == null){

//            viewHolder.itempic.setBackgroundResource(R.mipmap.ic_launcher);

//        }else{

//            viewHolder.itempic.setTag(url);

//            mImageLoader.showImageByThread(viewHolder.itempic , url);

//        }

        viewHolder.title.setText(bean.mTitle);

        viewHolder.time.setText(bean.mTime);

        return convertView;

    }

    class ViewHolder{

        private ImageView itempic;

        private TextView title;

        private TextView time;

    }

}

MyAdapter 继承自 BaseAdapter方法 重写四个方法:

getCont()

getItemId()

getItem()

getView()

此处只重点描述getView()方法:

ViewHolder是google很早前建议使用的方法.可以减少重复的绑定工作:

@Override

    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder viewHolder = new ViewHolder();
　　　　　//判断convertView 是否已经绑定过控件,绑定过直接返回

        if(convertView == null){

            convertView = mLayoutInflater.inflate(R.layout.list_item ,null);

            viewHolder.itempic = (ImageView) convertView.findViewById(R.id.item_pic);

            viewHolder.title = (TextView) convertView.findViewById(R.id.item_title);

            viewHolder.time = (TextView) convertView.findViewById(R.id.item_time);

            convertView.setTag(viewHolder);

        }else{

            viewHolder = (ViewHolder) convertView.getTag();

        }

        ItemBean bean = mDataList.get(position);

        viewHolder.itempic.setBackgroundResource(R.mipmap.icon_no_pic);//设置无网络时默认图片

        viewHolder.title.setText(bean.mTitle);

        viewHolder.time.setText(bean.mTime);

        return convertView;

    }

目前google又推出了新的用于替代listview和grideview的控件

RecyclerView有时间的朋友可以研究下.

到此基本的列表展示的功能已经实现了.

下面就要实现item的点击事件:

mListview.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override

            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                Map<String  , String> map = new MyAdapter(getContext() , itemBeenlist).getItem(position);

                Intent intent = new Intent(getActivity() , Webview.class);

                String title = map.get("title");

                String url = map.get("sourceUrl");

                Bundle bundle = new Bundle();

                bundle.putString("title" , title);

                bundle.putString("url" , url);

                bundle.putString("Activity" , "Topical");

                intent.putExtras(bundle);

                startActivity(intent);

            }

        });

通过getItem方法获取到点击的Item的相关数据.

使用bundle将title , url 传递给webview展示相关的url

编写webview类 Webview.java:

package com.zfls.didainf;

/**

 * Created by guwei on 16-6-24.

 */

import android.app.Activity;

import android.content.Intent;

import android.net.Uri;

import android.os.Bundle;

import android.support.design.widget.NavigationView;

import android.support.v7.app.AppCompatActivity;

import android.support.v7.widget.Toolbar;

import android.util.Log;

import android.view.KeyEvent;

import android.view.MenuItem;

import android.view.View;

import android.webkit.WebChromeClient;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.ProgressBar;

import android.widget.Toast;

import com.google.android.gms.appindexing.Action;

import com.google.android.gms.appindexing.AppIndex;

import com.google.android.gms.common.api.GoogleApiClient;

/**

 * Created by guwei on 16-6-24.

 */

public class Webview extends AppCompatActivity implements View.OnClickListener{

    private WebView mWebView;

    private ProgressBar jindu;

    private Toolbar toolbar;

    private Activity mActivity;

    /**

     * ATTENTION: This was auto-generated to implement the App Indexing API.

     * See https://g.co/AppIndexing/AndroidStudio for more information.

     */

    private GoogleApiClient client;

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.webview);

        initview();

        initwork();

        // ATTENTION: This was auto-generated to implement the App Indexing API.

        // See https://g.co/AppIndexing/AndroidStudio for more information.

        client = new GoogleApiClient.Builder(this).addApi(AppIndex.API).build();

    }

    private void initview() {

        jindu = (ProgressBar) findViewById(R.id.progressBar);

        mWebView = (WebView) findViewById(R.id.webView);

        toolbar = (Toolbar) findViewById(R.id.webView_toolbar);

    }

    private void initwork() {

        Intent geturl = getIntent();

        String title = geturl.getStringExtra("title");

        String url = geturl.getStringExtra("url");

        String activity = geturl.getStringExtra("activity");

        //设置toolbar标题

        toolbar.setTitle(title);

        toolbar.setTitleTextColor(getResources().getColor(R.color.colorWrite));

        //设置toolbar的logo

        //toolbar.setLogo()

        //setNavigationIcon设置图标

        toolbar.setNavigationIcon(R.mipmap.icon_title_back_arrow);

        setSupportActionBar(toolbar);

        //监听放在setSupportAction()之后

        toolbar.setNavigationOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                //简单粗暴 还实用!!

               finish();

            }

        });

        Log.i("xxx", url);

        //设置可以执行javascript脚本

        mWebView.getSettings().setJavaScriptEnabled(true);

        mWebView.loadUrl(url);

        mWebView.setWebChromeClient(new mywebChromeClient());

        mWebView.setWebViewClient(new myWebViewClient());

    }

    @Override

    public void onClick(View v) {

        switch (v.getId()){

//            case R.id.

        }

    }

    @Override

    public void onStart() {

        super.onStart();

        // ATTENTION: This was auto-generated to implement the App Indexing API.

        // See https://g.co/AppIndexing/AndroidStudio for more information.

        client.connect();

        Action viewAction = Action.newAction(

                Action.TYPE_VIEW, // TODO: choose an action type.

                "Webview Page", // TODO: Define a title for the content shown.

                // TODO: If you have web page content that matches this app activity's content,

                // make sure this auto-generated web page URL is correct.

                // Otherwise, set the URL to null.

                Uri.parse("http://host/path"),

                // TODO: Make sure this auto-generated app URL is correct.

                Uri.parse("android-app://com.zfls.didainf/http/host/path")

        );

        AppIndex.AppIndexApi.start(client, viewAction);

    }

    @Override

    public void onStop() {

        super.onStop();

        // ATTENTION: This was auto-generated to implement the App Indexing API.

        // See https://g.co/AppIndexing/AndroidStudio for more information.

        Action viewAction = Action.newAction(

                Action.TYPE_VIEW, // TODO: choose an action type.

                "Webview Page", // TODO: Define a title for the content shown.

                // TODO: If you have web page content that matches this app activity's content,

                // make sure this auto-generated web page URL is correct.

                // Otherwise, set the URL to null.

                Uri.parse("http://host/path"),

                // TODO: Make sure this auto-generated app URL is correct.

                Uri.parse("android-app://com.zfls.didainf/http/host/path")

        );

        AppIndex.AppIndexApi.end(client, viewAction);

        client.disconnect();

    }

    private class myWebViewClient extends WebViewClient {

        @Override

        public boolean shouldOverrideUrlLoading(WebView view, String url) {

            view.loadUrl(url);

            return true;

        }

    }

    private class mywebChromeClient extends WebChromeClient {

        @Override

        public void onProgressChanged(WebView view, int newProgress) {

            jindu.setMax(100);

            jindu.setProgress(newProgress);

        }

    }

}

用法很基础,有兴趣深入研究可以自己百度.

关于toolbar (google推出用于替代actionbar)的用法可以等我发博客.

谢谢查看;

转载请注明转自我的博客.

项目地址 : https://github.com/wobeinianqing/DidaINF

相关文章