Android 模擬新聞APP顯示界面滑動優(yōu)化實例代碼
內(nèi)容:
1、滑動優(yōu)化(滑動時不加載圖片,停止才加載)
2、第一次進入時手動加載
代碼如下:
1、界面布局
<?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>
<?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>
2、開啟異步解析數(shù)據(jù)
package com.example.leixiansheng.news; /** * Created by Leixiansheng on 2017/3/21. */ public class NewsBean { public String viewUrl; 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); } //*&*異步加載,處理耗時任務(wù),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); listView.setAdapter(adapter); } } //*&*JSON解析網(wǎng)頁獲取數(shù)據(jù) 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.viewUrl = jsonObject.getString("picSmall"); newsBeanList.add(newsBean); } } catch (JSONException e) { e.printStackTrace(); } } catch (IOException e) { e.printStackTrace(); } return newsBeanList; } //*&*讀取數(shù)據(jù)流 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、自定義適配器(在此處設(shè)置滑動監(jiān)聽,以此來判斷什么時候加載資源)
package com.example.leixiansheng.news; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.AbsListView; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.ListView; import android.widget.TextView; import java.util.List; /** * Created by Leixiansheng on 2017/3/21. */ public class NewsAdapter extends BaseAdapter implements AbsListView.OnScrollListener{ private List<NewsBean> newsBeanList; private LayoutInflater inflater; private ImageLoader imageLoader; //圖片加載 private int start; //第一個元素 private int end; //最后一個元素 private boolean isFirstIn; //是否第一次進入 public static String[] URLS; //所有資源 public NewsAdapter(Context context, List<NewsBean> newsBeanList, ListView listView) { this.newsBeanList = newsBeanList; inflater = LayoutInflater.from(context); imageLoader = new ImageLoader(listView); URLS = new String[newsBeanList.size()]; for (int i = 0; i < newsBeanList.size(); i++) { URLS[i] = newsBeanList.get(i).viewUrl; } isFirstIn = true; listView.setOnScrollListener(this); } @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).viewUrl; viewHolder.imageView.setImageResource(R.mipmap.ic_launcher); //*&*設(shè)置標(biāo)簽,避免快速滑動listview出現(xiàn)位置誤差 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; } //*&*優(yōu)化 class ViewHolder { public TextView title; public TextView content; private ImageView imageView; } //滑動監(jiān)聽 @Override public void onScrollStateChanged(AbsListView absListView, int i) { if (i == SCROLL_STATE_IDLE) { //停止?fàn)顟B(tài):加載圖片 imageLoader.loadImages(start, end); } else { //滑動狀態(tài):停止加載 imageLoader.cancelAllTasks(); } } /** * * @param absListView * @param i 第一個元素 * @param i1 元素數(shù)量 * @param i2 */ @Override public void onScroll(AbsListView absListView, int i, int i1, int i2) { start = i; end = i + i1; //第一次進入需要手動加載 if (isFirstIn && i1 > 0) { imageLoader.loadImages(start, end); isFirstIn = false; } } }
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 android.widget.ListView; import java.io.BufferedInputStream; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLConnection; import java.net.MalformedURLException; import java.net.URL; import java.util.HashSet; import java.util.Set; /** * Created by Leixiansheng on 2017/3/21. */ public class ImageLoader { private ImageView mImageView; private String mUrl; //*&*創(chuàng)建緩存 private LruCache<String, Bitmap> lruCache; private ListView listview; private Set<NewsAsyncTask> mTask; public ImageLoader(ListView listview) { this.listview = listview; mTask = new HashSet<>(); //*&*獲取最大內(nèi)存 int maxMemory = (int) Runtime.getRuntime().maxMemory(); //設(shè)置緩存大小 int lruCacheSize = maxMemory / 4; lruCache = new LruCache<String, Bitmap>(lruCacheSize) { @Override protected int sizeOf(String key, Bitmap value) { //獲取每個數(shù)據(jù)大小 return value.getByteCount(); } }; } //添加數(shù)據(jù)到緩存 public void addBitmapToLruCache(String url, Bitmap bitmap) { if (getBitmapFromLruCache(url) == null) { lruCache.put(url, bitmap); } } //從緩存中獲取數(shù)據(jù) 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(); //模擬網(wǎng)速卡頓時 // 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) { //判斷是否已經(jīng)緩存 Bitmap bitmap = getBitmapFromLruCache(url); //沒有緩存則從新下載 if (bitmap == null) { imageView.setImageResource(R.mipmap.ic_launcher); } else { imageView.setImageBitmap(bitmap); } } //加載從start到end的所有圖片 public void loadImages(int start, int end) { for (int i = start; i < end; i++) { String url = NewsAdapter.URLS[i]; //判斷是否已經(jīng)緩存 Bitmap bitmap = getBitmapFromLruCache(url); //沒有緩存則從新下載 if (bitmap == null) { NewsAsyncTask task = new NewsAsyncTask(url); task.execute(url); mTask.add(task); } else { ImageView imageView = (ImageView) listview.findViewWithTag(url); imageView.setImageBitmap(bitmap); } } } public void cancelAllTasks() { if (mTask != null) { for (NewsAsyncTask task : mTask) { task.cancel(false); } } } private class NewsAsyncTask extends AsyncTask<String, Void, Bitmap> { // private ImageView imageView; private String url; public NewsAsyncTask(String url) { // this.imageView = imageView; this.url = url; } @Override protected Bitmap doInBackground(String... strings) { String url = strings[0]; //從網(wǎng)絡(luò)獲取圖片 Bitmap bitmap = getBitmapFromURL(url); if (bitmap != null) { //將不在緩存中的圖片加入到緩存 addBitmapToLruCache(url, bitmap); } return bitmap; } @Override protected void onPostExecute(Bitmap bitmap) { super.onPostExecute(bitmap); ImageView imageView = (ImageView) listview.findViewWithTag(url); if (imageView != null && bitmap != null) { imageView.setImageBitmap(bitmap); } mTask.remove(this); } } }
4、注冊聲明權(quán)限
<?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>
以上所述是小編給大家介紹的Android 模擬新聞APP顯示界面滑動優(yōu)化實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Android MediaPlayer音頻播放器封裝示例淺析
Android提供了許多方法來控制播放的音頻/視頻文件和流。其中該方法是通過一類稱為MediaPlayer。Android是提供MediaPlayer類訪問內(nèi)置的媒體播放器的服務(wù),如播放音頻,視頻等為了使用MediaPlayer,我們要調(diào)用這個類的靜態(tài)create()方法2023-04-04Flutter StaggeredGridView實現(xiàn)瀑布流效果
這篇文章主要為大家詳細介紹了Flutter StaggeredGridView實現(xiàn)瀑布流效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-03-03Android TreeView實現(xiàn)帶復(fù)選框樹形組織結(jié)構(gòu)
這篇文章主要為大家詳細介紹了Android TreeView實現(xiàn)帶復(fù)選框樹形組織結(jié)構(gòu),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07Android點擊Button實現(xiàn)功能的幾種方法總結(jié)
當(dāng)Button有多個或者Button的使用次數(shù)很多時,我們需要采用綁定監(jiān)聽器的做法,其實,綁定監(jiān)聽器也有幾種方法,不過,我在這里就不一一列舉了,畢竟那些方法在實際的應(yīng)用中也不常見2013-10-10Android 中ListView點擊Item無響應(yīng)問題的解決辦法
如果listitem里面包括button或者checkbox等控件,默認(rèn)情況下listitem會失去焦點,導(dǎo)致無法響應(yīng)item的事件,怎么解決呢?下面小編給大家分享下listview點擊item無響應(yīng)的解決辦法2016-12-12