android 资讯阅读器(二)

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

本次目标:

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

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

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

4.webview的使用(webview)

实现效果如下:

首先,为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>

效果如下:

也看不粗啥,就照着上面 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);
}
}
}