案例--新闻客户端

我们要完成这个案例，首先要知道开源项目AsyncHttpClient和SmartImageView:
(1)可以在https://github.com/loopj/android-async-http这个网址上下载AsyncHttpClient的jar包，将文件粘贴在工程目录的lib文件夹下，然后右击并依次选择Build Path→Add to Build Path就添加了关于AsyncHttpClient的jar包。
(2)在使用SmartImageView之前也需要下载SmartImageView的jar包，网址为：https://github.com/loopj/android-smart-image-view，添加支持与AsyncHttpClient相同。
现在就可以创建我们的项目了。

结果图：

1.创建一个名为“newWeb”的应用程序，程序对应的布局文件（activity_main.xml）代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    tools:context=".MainActivity"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:id="@+id/loading"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:orientation="vertical"
            android:visibility="invisible">
            <ProgressBar
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="正在加载信息..." />
        </LinearLayout>
        <ListView
            android:id="@+id/lv_news"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>
</LinearLayout>

2.创建ListView Item的布局，由于使用了ListView控件，所以要创建news_item.xml，代码如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="65dp">
    <com.loopj.android.image.SmartImageView
        android:id="@+id/siv_icon"
        android:layout_width="80dp"
        android:layout_height="60dp"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_launcher"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"></com.loopj.android.image.SmartImageView>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="10dp"
        android:layout_toRightOf="@id/siv_icon"
        android:ellipsize="end"
        android:maxLength="20"
        android:singleLine="true"
        android:text="我是标题"
        android:textColor="#000000"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tv_description"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_title"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="5dp"
        android:layout_toRightOf="@id/siv_icon"
        android:ellipsize="end"
        android:maxLength="16"
        android:maxLines="1"
        android:text="我是描述"
        android:textColor="#99000000"
        android:textSize="14sp" />

    <TextView
        android:id="@+id/tv_type"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="5dp"
        android:layout_marginRight="10dp"
        android:text="评论"
        android:textColor="#99000000"
        android:textSize="12sp" />

</RelativeLayout>

3.创建NewsInfo类
在适配ListView的Item布局是使用到了NewaInfo JavaBean对象。NewsInfo类代码如下：

package com.example.administrator.newweb.entity;

/**
 * Created by Administrator on 2017/5/18.
 */

public class NewsInfo {
    private String iconPath;
    private String title;
    private String description;
    private int type;
    private long comment;

    public long getComment() {
        return comment;
    }

    public void setComment(long comment) {
        this.comment = comment;
    }

    public String getIconPath() {
        return iconPath;
    }

    public void setIconPath(String iconPath) {
        this.iconPath = iconPath;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getDescription() {
        return description;
    }

    public void setDescription(String description) {
        this.description = description;
    }

    public int getType() {
        return type;
    }

    public void setType(int type) {
        this.type = type;
    }

}

4.创建工具类解析xml文件，由于从服务器上获取得失一个xml文件，因此需要使用XmlPulParser对象解析出xml里面的内容并设置到相应的JavaBean中，NewsInfoService类代码如下：

package com.example.administrator.newweb.dao;

import android.util.Xml;

import com.example.administrator.newweb.entity.NewsInfo;

import org.xmlpull.v1.XmlPullParser;

import java.io.InputStream;
import java.util.ArrayList;
import java.util.List;

/**
 * Created by 李小宁 on 2017/5/21.
 */

public class NewsInfoService {

    //解析服务器返回的xml信息，获取所有新闻数据实体
    public static List<NewsInfo> getNewsInfos(InputStream is){
        XmlPullParser parser=Xml.newPullParser();
        try{
            parser.setInput(is,"utf-8");
            //获取指针
            int type=parser.getEventType();
            List<NewsInfo> newsInfos=null;
            NewsInfo newsInfo=null;

            //type不是文档结束
            while(type!=XmlPullParser.END_DOCUMENT){
                switch(type){
                    case XmlPullParser.START_TAG:
                        //拿到标签名并判断
                        if("news".equals(parser.getName())){
                            newsInfos=new ArrayList<NewsInfo>();
                        }else if("newsInfo".equals(parser.getName())){
                            newsInfo=new NewsInfo();
                        }else if("icon".equals(parser.getName())){
                            //获取解析器当前元素的下一个文本节点的值
                            String icon=parser.nextText();
                            newsInfo.setIconPath(icon);
                        }else if("title".equals(parser.getName())){
                            String title=parser.nextText();
                            newsInfo.setTitle(title);
                        }else if("content".equals(parser.getName())){
                            String description=parser.nextText();
                            newsInfo.setDescription(description);
                        }else if("type".equals(parser.getName())){
                            String newsType=parser.nextText();
                            newsInfo.setType(Integer.parseInt(newsType));
                        }else if("comment".equals(parser.getName())){
                            String comment=parser.nextText();
                            newsInfo.setComment(Long.parseLong(comment));
                        }
                        break;
                    case XmlPullParser.END_TAG:
                        if("newsInfo".equals(parser.getName())){
                            newsInfos.add(newsInfo);
                            newsInfo=null;
                        }
                        break;
                }
                type=parser.next();
            }
            System.out.println(newsInfos+"00");
            return newsInfos;
        }catch(Exception e)
        {
            e.printStackTrace();
            System.out.println("123457789");
            return null;
        }
    }
}

5.编写界面交互代码（MainActivity）：

package com.example.administrator.newweb;

import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.example.administrator.newweb.dao.NewsInfoService;
import com.example.administrator.newweb.entity.NewsInfo;
import com.loopj.android.http.AsyncHttpClient;
import com.loopj.android.http.AsyncHttpResponseHandler;
import com.loopj.android.image.SmartImageView;

import java.io.ByteArrayInputStream;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ListView lv_news;
    private LinearLayout loading;
    private List<NewsInfo> newsInfos;
    //ListView适配
    private class NewsAdapter extends BaseAdapter{

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

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View view=View.inflate(MainActivity.this,R.layout.news_item,null);
            SmartImageView siv=(SmartImageView)view.findViewById(R.id.siv_icon);
            TextView tv_title= (TextView)view.findViewById(R.id.tv_title);
            TextView tv_description= (TextView)view.findViewById(R.id.tv_description);
            TextView tv_type= (TextView)view.findViewById(R.id.tv_type);
            NewsInfo newsInfo =newsInfos.get(position);
            //SmartImageView加载指定路径图片
            siv.setImageUrl(newsInfo.getIconPath(),R.drawable.a,R.mipmap.ic_launcher);
            //设置新闻标题
            tv_title.setText(newsInfo.getTitle());
           //设置新闻描述
            tv_description.setText(newsInfo.getDescription());
            int type=newsInfo.getType();  //1.一般新闻2.专题3.live
            //不同新闻类型设置不同的颜色和不同的内容
            switch (type){
                case 1:
                    tv_type.setText("评论："+newsInfo.getComment());
                    break;
                case 2:
                    tv_type.setTextColor(Color.RED);
                    tv_type.setText("专题");
                    break;
                case 3:
                    tv_type.setTextColor(Color.BLUE);
                    tv_type.setText("LIVE");
                    break;
            }
            return view;
        }
    }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv_news=(ListView)findViewById(R.id.lv_news);
        loading= (LinearLayout) findViewById(R.id.loading);
        fillData2();
    }
  //使用AsyncHttpClient访问网络
    private void fillData2() {
        //创建AsyncHttpClient实例
        AsyncHttpClient asyncHttpClient=new AsyncHttpClient();
        //使用GET方法请求
        asyncHttpClient.get(getString(R.string.serverurl),new AsyncHttpResponseHandler(){
            public  void onSuccess(String content){
                //访问成功

                super.onSuccess(content);
                //将字符串转换成Byte数组
                byte[] bytes=content.getBytes();
                //将Byte数组转成输入流
                ByteArrayInputStream bais=new ByteArrayInputStream(bytes);
                //调用NewsInfoService工具类解析xml文件
                newsInfos= NewsInfoService.getNewsInfos(bais);
                if(newsInfos==null){
                    //解析失败  弹出toast
                    Toast.makeText(MainActivity.this,newsInfos+"",Toast.LENGTH_LONG).show();
                }else{
                    //更新界面
                    loading.setVisibility(View.INVISIBLE);
                    lv_news.setAdapter(new NewsAdapter());
                }
            }
            //请求失败
            public void onFailure(Throwable error,String content){
                super.onFailure(error,content);
                Toast.makeText(MainActivity.this, "请求失败", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

6.配置服务器
由于需要从服务器上下载一个XML，因此需要开启tomcat服务器在tomcat根目录下找到bin文件夹，运行该文件夹下的startup.bat文件即可开启tomcat服务器。然后，在tomcat的安装目录打开webapps文件夹，将NewInfo.xml文件放置在ROOT文件夹下。NewInfo.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<news>
    <newsInfo>
        <icon>http://10.3.6.177:8080/images/a.PNG</icon>
        <title>科技改变世界</title>
        <content>进入一个更有爱的领域</content>
        <type>1</type>
        <comment>69</comment>
    </newsInfo>
    <newsInfo>
        <icon>http://10.3.6.177:8080/images/b.PNG</icon>
        <title>《神武》</title>
        <content>新美术资源盘点，视觉新体验</content>
        <type>2</type>
        <comment>35</comment>
    </newsInfo>
    <newsInfo>
        <icon>http://10.3.6.177:8080/images/c.PNG</icon>
        <title>南北车正式公布合并</title>
        <content>南北车将于今日正式公布合并</content>
        <type>3</type>
        <comment>2</comment>
    </newsInfo>
    <newsInfo>
        <icon>http://10.3.6.177:8080/images/d.PNG</icon>
        <title>萌呆了！汪星人抱玩偶酣睡</title>
        <content>汪星人抱玩偶酣睡，萌翻网友</content>
        <type>1</type>
        <comment>25</comment>
    </newsInfo>
    <newsInfo>
        <icon>http://10.3.6.177:8080/images/e.PNG</icon>
        <title>风力发电进校园</title>
        <content>风力发电普进校园</content>
        <type>2</type>
        <comment>26</comment>
    </newsInfo>
    <newsInfo>
        <icon>http://10.3.6.177:8080/images/f.PNG</icon>
        <title>地球一小时</title>
        <content>地球熄灯一小时</content>
        <type>1</type>
        <comment>23</comment>
    </newsInfo>
    <newsInfo>
        <icon>http://10.3.6.177:8080/images/g.PNG</icon>
        <title>最美公路</title>
        <content>最美公路，难以想象</content>
        <type>1</type>
        <comment>23</comment>
    </newsInfo>
</news>