新闻案例

最新推荐文章于 2022-05-07 13:11:57 发布

劲火星空

最新推荐文章于 2022-05-07 13:11:57 发布

阅读量1.3k

点赞数 1

分类专栏：【安卓基础】文章标签：安卓 java 新闻 listview

本文链接：https://blog.csdn.net/jinhuoxingkong/article/details/51866257

版权

【安卓基础】专栏收录该内容

39 篇文章 1 订阅

订阅专栏

一、---框架---

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

（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);
		
	}

}