新闻案例

一、---框架---

首先还是来把总体的编码流程来树梳理一下，按照这个顺序来编码可以使思路更加清晰。

（1）使用 listview 来写布局

（2）编写一个bean和其操作类utils，方便用来获得新闻的数据

（3）封装一个Adapter类继承BaseAdatper，写一个构造方法接受list集合数据，覆写四个方法

（4）创建一个item的xml文件，用来对一条新闻信息进行封装

（5）在MainActivity中监听点击事件，点击则跳转

如下是显示效果图：



二、---ListView布局---

ListView还是比较简单的，简单的创建一下即可

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<ListView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/lv_news"/>

</RelativeLayout>

三、---Bean和utils---

Bean是定义数据的类，utils是操作数据的类，其中util中只有一个获取数据的函数，而且获取的是静态的数据，真实的新闻客户端获取的是网络的数据。
（1）如下是Bean的代码：

package com.iigt.newsexample.bean;

import android.graphics.drawable.Drawable;

public class NewsBean {
public String title;
public String content;
public Drawable icon;
public String newsurl;

}

（2）如下是utils中的代码：

package com.iigt.newsexample.utils;

import java.util.ArrayList;

import android.content.Context;

import com.iigt.newsexample.R;
import com.iigt.newsexample.bean.NewsBean;

public class NewsUtils {
public static ArrayList<NewsBean> getAllNews(Context context){
ArrayList<NewsBean> arrayList = new ArrayList<NewsBean>();

// 将固定的新闻加入arrayList中
for(int i = 0; i < 10; i++){
NewsBean newsBean = new NewsBean();
newsBean.title ="吃苹果有益于人的健康";
newsBean.content= "苹果现在正处于换季的时候，价格稍微有点小贵";
newsBean.newsurl= "http://blog.csdn.net/jinhuoxingkong";
newsBean.icon = context.getResources().getDrawable(R.drawable.icon);//通过context对象将一个资源id转换成一个Drawable对象。
arrayList.add(newsBean);

NewsBean newsBean1 = new NewsBean();
newsBean1.title ="话说西瓜是夏季最最畅销的水果了";
newsBean1.content= "虽说西瓜目前大量生产但是价格也不是很便宜，而且也不甜";
newsBean1.newsurl= "http://blog.csdn.net/jinhuoxingkong";
newsBean1.icon = context.getResources().getDrawable(R.drawable.icon1);//通过context对象将一个资源id转换成一个Drawable对象。
arrayList.add(newsBean1);

NewsBean newsBean2 = new NewsBean();
newsBean2.title ="香蕉是大众最喜爱的水果了";
newsBean2.content= "香蕉一年四季都有卖的，我反正很喜欢香蕉";
newsBean2.newsurl= "http://blog.csdn.net/jinhuoxingkong";
newsBean2.icon = context.getResources().getDrawable(R.drawable.icon2);//通过context对象将一个资源id转换成一个Drawable对象。
arrayList.add(newsBean2);
}

return arrayList;

}
}

四、---adapter创建---

这个是重点也是难点，当我们要使用ListView的时候，必须要创建一个适配器，适配器的目的就是设置给ListView。也就是使用adapter的方式来对ListView进行设置。

package com.iigt.newsexample.adapter;

import java.util.ArrayList;

import com.iigt.newsexample.R;
import com.iigt.newsexample.bean.NewsBean;

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;

public class NewsAdapter extends BaseAdapter{
private ArrayList<NewsBean> list;
private Context context;

// 创建构造函数用于接收显示的新闻数据集合
public NewsAdapter(Context context, ArrayList<NewsBean> list){
this.list = list;
this.context = context;
}

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

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

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view = null;
//1.复用converView优化listview,创建一个view作为getview的返回值用来显示一个条目
if(convertView != null){
view = convertView;
}else {
//context:上下文, resource:要转换成view对象的layout的id, root:将layout用root(ViewGroup)包一层作为codify的返回值,一般传null
//view = View.inflate(context, R.layout.item_news_layout, null);//将一个布局文件转换成一个view对象

LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
view = layoutInflater.inflate(R.layout.item_news_layout, null);
}

//2.获取view上的子控件对象
ImageView item_img_icon = (ImageView) view.findViewById(R.id.item_img_icon);
TextView item_tv_des = (TextView) view.findViewById(R.id.item_tv_des);
TextView item_tv_title = (TextView) view.findViewById(R.id.item_tv_title);
//3.获取postion位置条目对应的list集合中的新闻数据，Bean对象
NewsBean newsBean = list.get(position);
//4.将数据设置给这些子控件做显示
item_img_icon.setImageDrawable(newsBean.icon);//设置imageView的图片
item_tv_title.setText(newsBean.title);
item_tv_des.setText(newsBean.content);

return view;
}
}

五、---Item的xml---

我们的ListView中每个条目又是一个xml文件，所以我们需要创建一个新闻中每个条目的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="match_parent"
android:paddingTop="20dp"
android:paddingBottom="20dp"
android:orientation="horizontal" >

<ImageView
android:layout_gravity="center"
android:id="@+id/item_img_icon"
android:layout_width="68dp"
android:layout_height="68dp"
android:layout_marginRight="10dp"
android:src="@drawable/ic_launcher" />

<LinearLayout
android:layout_gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

<TextView
android:singleLine="true"
android:id="@+id/item_tv_title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="3dp"
android:text="title"
android:textColor="#000000"
android:textSize="16sp" />

<TextView
android:maxLines="2"
android:id="@+id/item_tv_des"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="des"
android:textColor="#666666"
android:textSize="13sp" />
</LinearLayout>

</LinearLayout>

六、---点击事件---

监听一个每个ListView的点击事件，然后当有点击的时候就进行跳转

package com.iigt.newsexample;

import java.util.ArrayList;

import com.iigt.newsexample.R;

import com.iigt.newsexample.adapter.NewsAdapter;
import com.iigt.newsexample.bean.NewsBean;
import com.iigt.newsexample.utils.NewsUtils;

import android.net.Uri;
import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.AdapterView.OnItemClickListener;

public class MainActivity extends Activity implements OnItemClickListener{

private Context mContext;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mContext = this;

// 找到控件
ListView lv_news = (ListView)findViewById(R.id.lv_news);

// 获取新闻的内容，也就是list封装
ArrayList<NewsBean> allNews = NewsUtils.getAllNews(mContext);

// 创建一个adapter设置给listview
NewsAdapter newsAdapter = new NewsAdapter(mContext, allNews);
lv_news.setAdapter(newsAdapter);

// 设置listview条目的点击事件
lv_news.setOnItemClickListener(this);

}

public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
//需要获取条目上bean对象中url做跳转
NewsBean bean = (NewsBean) parent.getItemAtPosition(position);

String url = bean.newsurl;

//跳转浏览器
Intent intent = new Intent();
intent.setAction(Intent.ACTION_VIEW);
intent.setData(Uri.parse(url));
startActivity(intent);

}

}