模拟新闻APP显示界面

转载请注明出处：模拟新闻APP显示界面_新闻显示页面_Mr_Leixiansheng的博客-CSDN博客

模拟新闻APP显示界面滑动优化：模拟新闻APP显示界面滑动优化_public newsadapter(context context,list<newsbean> _Mr_Leixiansheng的博客-CSDN博客

内容：

1、异步加载（此处进行耗时操作，更新UI）

2、JSON解析，获取网络资源

3、缓存LruCache的应用

4、ViewHolder 实现控件优化

5、消除listview 快速滑动出现错位现象

6、获取最大内存

7、数据流读取

8、http请求图片

9、Bitmap 使用

10、Handler使用

11、线程

步骤：

1、主界面添加listview控件

2、设置listview的item.xml

3、实现异步操作获取数据（JSON方式、http方式）

4、自定义适配器（优化）

5、listview添加适配器

6、声明权限

1、布局文件设置

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    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="com.example.leixiansheng.news.MainActivity">

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
</RelativeLayout>

<?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="wrap_content"
    android:gravity="center">

    <ImageView
        android:id="@+id/image"
        android:src="@mipmap/ic_launcher"
        android:layout_width="60dp"
        android:layout_height="60dp" />

    <LinearLayout
        android:orientation="vertical"
        android:layout_marginLeft="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/title_tv"
            android:text="TITLE"
            android:textSize="15dp"
            android:maxLines="1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/content_tv"
            android:text="CONTENT"
            android:textSize="10dp"
            android:maxLines="3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </LinearLayout>
</LinearLayout>

2、异步获取数据

package com.example.leixiansheng.news;

/**
 * Created by Leixiansheng on 2017/3/21.
 */

public class NewsBean {
    public String view;
    public String title;
    public String content;
}

package com.example.leixiansheng.news;

import android.os.AsyncTask;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.widget.ListView;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;


import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private static String URL = "http://www.imooc.com/api/teacher?type=4&num=30";

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

        listView = (ListView) findViewById(R.id.list_view);
        new NewsAsyncTask().execute(URL);
    }

    //*&*异步加载，处理耗时任务,UI更新
    class NewsAsyncTask extends AsyncTask<String, Void, List<NewsBean>> {

        @Override
        protected List<NewsBean> doInBackground(String... strings) {
            return getJsonData(strings[0]);
        }

        @Override
        protected void onPostExecute(List<NewsBean> newsBeen) {
            super.onPostExecute(newsBeen);
            NewsAdapter adapter = new NewsAdapter(MainActivity.this, newsBeen);
            listView.setAdapter(adapter);
        }
    }

    //*&*JSON解析网页获取数据
    private List<NewsBean> getJsonData(String url) {
        List<NewsBean> newsBeanList = new ArrayList<>();
        try {
            String jsonString = readSteam(new URL(url).openStream());
            Log.i("DATA", jsonString);
            JSONObject jsonObject;
            NewsBean newsBean;
            try {
                jsonObject = new JSONObject(jsonString);
                JSONArray jsonArray = jsonObject.getJSONArray("data");
                for (int i = 0; i < jsonArray.length(); i++) {
                    jsonObject = jsonArray.getJSONObject(i);
                    newsBean = new NewsBean();
                    newsBean.content = jsonObject.getString("description");
                    newsBean.title = jsonObject.getString("name");
                    newsBean.view = jsonObject.getString("picSmall");
                    newsBeanList.add(newsBean);
                }
            } catch (JSONException e) {
                e.printStackTrace();
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
        return newsBeanList;
    }

    //*&*读取数据流
    private String readSteam(InputStream is) {
        InputStreamReader isr;
        String result = "";
        try {
            String line = "";
            isr = new InputStreamReader(is, "utf-8");
            BufferedReader br = new BufferedReader(isr);
            try {
                while ((line = br.readLine()) != null) {
                    result += line;
                }
            } catch (IOException e) {
                e.printStackTrace();
            }
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }
        return result;
    }

}

3、自定义适配器

package com.example.leixiansheng.news;

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 java.util.List;

/**
 * Created by Leixiansheng on 2017/3/21.
 */

public class NewsAdapter extends BaseAdapter {
    private List<NewsBean> newsBeanList;
    private LayoutInflater inflater;
    private ImageLoader imageLoader;

    public NewsAdapter(Context context, List<NewsBean> newsBeanList) {
        this.newsBeanList = newsBeanList;
        inflater = LayoutInflater.from(context);
        imageLoader = new ImageLoader();
    }

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

    @Override
    public Object getItem(int i) {
        return newsBeanList.get(i);
    }

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

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        ViewHolder viewHolder = null;
        if (view == null) {
            viewHolder = new ViewHolder();
            view = inflater.inflate(R.layout.item, null);
            viewHolder.imageView = (ImageView) view.findViewById(R.id.image);
            viewHolder.title = (TextView) view.findViewById(R.id.title_tv);
            viewHolder.content = (TextView) view.findViewById(R.id.content_tv);
            view.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) view.getTag();
        }
        String url = newsBeanList.get(i).view;
        viewHolder.imageView.setImageResource(R.mipmap.ic_launcher);

        //*&*设置标签，避免快速滑动listview出现位置误差
        viewHolder.imageView.setTag(url);
//        new ImageLoader().showImageByThread(viewHolder.imageView, url);
        imageLoader.showImageViewByAsyncTask(viewHolder.imageView,url);
        viewHolder.title.setText(newsBeanList.get(i).title);
        viewHolder.content.setText(newsBeanList.get(i).content);

        return view;
    }
    //*&*优化
    class ViewHolder {
        public TextView title;
        public TextView content;
        private ImageView imageView;
    }
}

package com.example.leixiansheng.news;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Handler;
import android.os.Message;
import android.util.LruCache;
import android.widget.ImageView;

import java.io.BufferedInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

/**
 * Created by Leixiansheng on 2017/3/21.
 */

public class ImageLoader {

    private ImageView mImageView;
    private String mUrl;
    //*&*创建缓存
    private LruCache<String, Bitmap> lruCache;

    public ImageLoader() {
        //*&*获取最大内存
        int maxMemory = (int) Runtime.getRuntime().maxMemory();
        //设置缓存大小
        int lruCacheSize = maxMemory / 4;

        lruCache = new LruCache<String, Bitmap>(lruCacheSize) {
            @Override
            protected int sizeOf(String key, Bitmap value) {
                //获取每个数据大小
                return value.getByteCount();
            }
        };
    }
    //添加数据到缓存
    public void addBitmapToLruCache(String url, Bitmap bitmap) {
        if (getBitmapFromLruCache(url) == null) {
            lruCache.put(url, bitmap);
        }
    }
    //从缓存中获取数据
    public Bitmap getBitmapFromLruCache(String url) {
        return lruCache.get(url);
    }


    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);

            if (mImageView.getTag().equals(mUrl)) {
                mImageView.setImageBitmap((Bitmap) msg.obj);
            }
        }
    };

    public void showImageByThread(ImageView imageView, final String url) {
        mImageView = imageView;
        mUrl = url;

        new Thread() {
            @Override
            public void run() {
                super.run();
                Bitmap bitmap = getBitmapFromURL(url);
                Message message = Message.obtain();
                message.obj = bitmap;
                handler.sendMessage(message);
            }
        }.start();
    }

    public Bitmap getBitmapFromURL(String urlString) {
        Bitmap bitmap;
        InputStream is = null;
        try {
            URL url = new URL(urlString);
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            is = new BufferedInputStream(connection.getInputStream());
            bitmap = BitmapFactory.decodeStream(is);
            connection.disconnect();
            //模拟网速卡顿时
//            try {
//                Thread.sleep(1000);
//            } catch (InterruptedException e) {
//                e.printStackTrace();
//            }
            return bitmap;
        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                is.close();
            } catch (IOException e) {
                e.printStackTrace();
            }

        }
        return null;
    }

    public void showImageViewByAsyncTask(ImageView imageView, String url) {
        //判断是否已经缓存
        Bitmap bitmap = getBitmapFromLruCache(url);
        //没有缓存则从新下载
        if (bitmap == null) {
            new NewsAsyncTask(imageView, url).execute(url);
        } else {
            imageView.setImageBitmap(bitmap);
        }

    }

    private class NewsAsyncTask extends AsyncTask<String, Void, Bitmap> {

        private ImageView imageView;
        private String url;

        public NewsAsyncTask(ImageView imageView, String url) {
            this.imageView = imageView;
            this.url = url;
        }

        @Override
        protected Bitmap doInBackground(String... strings) {
            String url = strings[0];
            //从网络获取图片
            Bitmap bitmap = getBitmapFromURL(url);
            if (bitmap != null) {
                //将不在缓存中的图片加入到缓存
                addBitmapToLruCache(url, bitmap);
            }
            return bitmap;
        }

        @Override
        protected void onPostExecute(Bitmap bitmap) {
            super.onPostExecute(bitmap);
            if (imageView.getTag().equals(url)) {
                imageView.setImageBitmap(bitmap);
            }
        }
    }
}

4、listview添加适配器（在2步骤中已经添加）

5、权限声明

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.leixiansheng.news">

    <uses-permission android:name="android.permission.INTERNET"/>

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

补充：

本地图片加载出现错位，直接在adapter中用if()else对图片设置进行区分

        if ("xxx") {//根据条件修改图片
            viewHolder.imageView.setImageResource("要改变成的图片");
        } else {
            viewHolder.imageView.setImageResource("默认图片");
        }