用ListView实现新闻展示

ListView是一个可以在垂直滚动的列表中显示的一个控件，条目的内容来自一个ListAdapter。

由于ListAdapter是一个有很多参数的接口，所以直接去实现它就很麻烦，一般是直接去继承BaseAdapter类。

下面说正题。

在安卓应用中，一般的新闻展示可以用ListView控件来实现，先看效果。新闻内容只弄三个，其它就直接 for 100次了，所以很多重复的，图片是我在网上随便选的，别在意。。。

右图是我的目录结构。

 首先是在activity_main.xml中加入ListView控件。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="news_listview.starry.cn.a3listview.MainActivity">

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

</android.support.constraint.ConstraintLayout>

接下来创建一个NewsBean来封装新闻信息。

package news_listview.starry.cn.a3listview.bean;

import android.graphics.drawable.Drawable;

/**
 * Created by Starry on 2017/8/16.
 */

public class NewsBean {
    public String title;
    public String des;
    public String news_url;
    public Drawable icon;
}

由于没有用数据库，所以先模拟一些假数据，用NewsUtils.java来实现。

package news_listview.starry.cn.a3listview.utils;

import android.content.Context;

import java.util.ArrayList;

import news_listview.starry.cn.a3listview.R;
import news_listview.starry.cn.a3listview.bean.NewsBean;

/**
 * Created by Starry on 2017/8/16.
 */

public class NewsUtils {
    public static ArrayList<NewsBean> getAllNews(Context context) {
        ArrayList<NewsBean> arrayList = new ArrayList<NewsBean>();
        for(int i = 0; i < 100; i ++) {
            NewsBean newsBean = new NewsBean();
            newsBean.title = "中国联通新引入战略投资者合计持A股公司35.19%股份";
            newsBean.des = "新浪科技讯 8月16日下午消息，中国联通（00762.HK）发布公告称，混合所有制改革方案实施前，联通A股公司总股本为211.97亿股。";
            newsBean.news_url = "http://tech.sina.com.cn/t/2017-08-16/doc-ifyixtym6018540.shtml";
            newsBean.icon = context.getResources().getDrawable(
                    R.drawable.icon);
            arrayList.add(newsBean);

            NewsBean newsBean1 = new NewsBean();
            newsBean1.title = "联通780亿混改方案出炉 BATJ悉数入局";
            newsBean1.des = "新浪科技讯 8月16日消息，中国联通今日在2017年中期业绩公告中披露混合所有制改革方案。方案总对价约为人民币780亿元，百度、阿里巴巴、腾讯、京东将投资中国联通。";
            newsBean1.news_url = "http://tech.sina.com.cn/t/2017-08-16/doc-ifyixhyw8769236.shtml";
            newsBean1.icon = context.getResources()
                    .getDrawable(R.drawable.twitter);
            arrayList.add(newsBean1);

            NewsBean newsBean2 = new NewsBean();
            newsBean2.title = "软银在印度屡受挫折，但孙正义仍认为它“商机无限”";
            newsBean2.des = "今年7月末，可能是印度电商市场最大的一场合并在无数意外唏嘘中落下帷幕：一直过度亏损的印度电商Snapdeal在";
            newsBean2.news_url = "http://tech.sina.com.cn/csj/2017-08-16/doc-ifyixtym5625124.shtml";
            newsBean2.icon = context.getResources().getDrawable(
                    R.drawable.skala);
            arrayList.add(newsBean2);
        }
        return arrayList;
    }
}

关键在NewsAdapter.java这个类。

让它继承BaseAdapter.java，所以只要去实现getCount、getItem、getItemId和getView这四个方法就行了。

getCount()方法返回在ListView中显示条目的数量。

getItem(int position)方法返回当前的条目

getItemId(int position)返回当前的id

getView(int position, View convertView, ViewGroup parent)这个是最关键的，返回一个显示在ListView上的View，每显示一个条目就会调用一次getView
上面position都表示当前的条目，convertView表示旧的条目


View有一个inflate方法，可以将一个布局文件转换成一个view对象。
现在创建一个item_news_layout.xml布局，让它转换为View对象在ListView中显示。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    >

    <ImageView
        android:src="@drawable/icon"
        android:layout_gravity="center"
        android:id="@+id/item_img_icon"
        android:layout_marginRight="10dp"
        android:layout_width="68dp"
        android:layout_height="68dp" />
    <LinearLayout
        android:orientation="vertical"
        android:layout_gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

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

然后在NewsAdapter.java类的getView中将它转换为View对象，并设置信息返回到ListView中展示。

package news_listview.starry.cn.a3listview.adapter;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;

import news_listview.starry.cn.a3listview.R;
import news_listview.starry.cn.a3listview.bean.NewsBean;

/**
 * Created by Starry on 2017/8/16.
 */

public class NewsAdapter extends BaseAdapter {
    private Context context;
    private ArrayList<NewsBean> list;
    public NewsAdapter(Context mContext, ArrayList<NewsBean> allNews) {
        this.context = mContext;
        this.list = allNews;
    }

    @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;
        if(convertView != null) {
            view = convertView;
        } else {
            view = View.inflate(context, R.layout.item_news_layout,null);
        }
        TextView item_tv_des = (TextView) view.findViewById(R.id.item_tv_des);
        TextView item_tv_title = (TextView) view.findViewById(R.id.item_tv_title);
        ImageView item_img_icon = (ImageView) view.findViewById(R.id.item_img_icon);
        NewsBean bean = list.get(position);
        item_img_icon.setImageDrawable(bean.icon);
        item_tv_des.setText(bean.des);
        item_tv_title.setText(bean.title);
        return view;
    }
}

最后在MainActivity.java中设置点击事件，这样点击一条新闻后可以转到那个网页上。

package news_listview.starry.cn.a3listview;

import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ListView;

import java.util.ArrayList;

import news_listview.starry.cn.a3listview.adapter.NewsAdapter;
import news_listview.starry.cn.a3listview.bean.NewsBean;
import news_listview.starry.cn.a3listview.utils.NewsUtils;

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener {
    private Context mContext;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mContext = this;
        //1找到控件
        ListView lv_news = (ListView)findViewById(R.id.lv_news);
        ArrayList<NewsBean> allNews = NewsUtils.getAllNews(mContext);
        BaseAdapter newsAdapter = new NewsAdapter(mContext,allNews);
        lv_news.setAdapter(newsAdapter);
        //设置点击事件
        lv_news.setOnItemClickListener(this);
    }
    
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        NewsBean bean = (NewsBean) parent.getItemAtPosition(position);
        String url = bean.news_url;

        Intent intent = new Intent();
        intent.setAction(Intent.ACTION_VIEW);
        intent.setData(Uri.parse(url));
        startActivity(intent);
    }
}