Android列表控件選項中添加進度框ProgressBar實現

時間 2019-11-24

標籤 android 列表控件選項添加進度 progressbar 實現欄目 Android 简体版

原文原文鏈接

今天有時間就學習了下在ListView、GridView列表項中清加ProgressBar,小馬用最簡單的代碼實現能夠通用的功能，人人都能看懂，哈哈，直接說下，若是你的適配器getView方法返回的View是一個自定義控件的話，有點很差實現哦，不過能夠用兩個控件之間Visible 、Invisible來切換實現今天的效果，下面的例子是主類、適配器、異步下載類等的都寫在一個類裏面了，爲的是發的博文裏一次性看的話方便，若是你們以爲結構不清楚的話根據自身需求自行抽取下，今天的DEMO只是個簡單的思路，其它控件列表項中添加進度框你們也能夠用以下的方法實現，老規矩，先看效果，再看代碼：

（截圖有點失真，但無防）

一：效果圖以下

二：效果看完了，看下實現的路是怎樣的，吼吼：核心代碼以下：

  
 
  package com.example.listviewitemprogress;  
 
    
 
  import java.io.InputStream;  
 
  import java.net.HttpURLConnection;  
 
  import java.net.URL;  
 
    
 
  import android.app.Activity;  
 
  import android.content.Context;  
 
  import android.graphics.Bitmap;  
 
  import android.graphics.BitmapFactory;  
 
  import android.os.AsyncTask;  
 
  import android.os.Bundle;  
 
  import android.view.LayoutInflater;  
 
  import android.view.View;  
 
  import android.view.ViewGroup;  
 
  import android.widget.BaseAdapter;  
 
  import android.widget.Button;  
 
  import android.widget.ImageView;  
 
  import android.widget.ListView;  
 
  import android.widget.ProgressBar;  
 
  import android.widget.TextView;  
 
    
 
  /**  
 
   * @author 小馬果  
 
   * ListView列表項中添加ProgressBar  
 
   */  
 
  public class MainActivity extends Activity {  
 
    
 
   private ListView mListView = null ;  
 
   private static final String imgUrl = "http://www.qq510.net/uploads/allimg/100613/2_100613171230_5.jpg";  
 
   @Override  
 
   public void onCreate(Bundle savedInstanceState) {  
 
   super.onCreate(savedInstanceState);  
 
   setContentView(R.layout.activity_main);  
 
   init();  
 
   }  
 
    
 
    
 
   private void init(){  
 
   mListView = (ListView)findViewById(R.id.listview);  
 
   mListView.setAdapter(new MyListViewAdapter(this));  
 
   }  
 
    
 
   private class MyListViewAdapter extends BaseAdapter{  
 
    
 
   private LayoutInflater inflater = null;  
 
    
 
   public MyListViewAdapter(Context con){  
 
   inflater = (LayoutInflater)con.getSystemService(LAYOUT_INFLATER_SERVICE);  
 
   }  
 
   @Override  
 
   public int getCount() {  
 
   // TODO Auto-generated method stub  
 
   return Integer.MAX_VALUE;  
 
   }  
 
    
 
   @Override  
 
   public Object getItem(int arg0) {  
 
   // TODO Auto-generated method stub  
 
   return arg0;  
 
   }  
 
    
 
   @Override  
 
   public long getItemId(int position) {  
 
   // TODO Auto-generated method stub  
 
   return position;  
 
   }  
 
    
 
   @Override  
 
   public View getView(int position, View convertView, ViewGroup parent) {  
 
   // TODO Auto-generated method stub  
 
   ViewHolder mHolder = new ViewHolder() ;  
 
   if(convertView == null){  
 
   convertView = inflater.inflate(R.layout.list_item, null);  
 
   mHolder.iv = (ImageView)(convertView.findViewById(R.id.iv));  
 
   mHolder.mBtn = (Button)(convertView.findViewById(R.id.button));  
 
   mHolder.pb = (ProgressBar)(convertView.findViewById(R.id.progressBar1));  
 
   mHolder.tv = (TextView)(convertView.findViewById(R.id.textView1));  
 
   convertView.setTag(mHolder);  
 
   }else{  
 
   mHolder = (ViewHolder)convertView.getTag();  
 
   }  
 
    
 
   new AsyncTask<ViewHolder, Void, Bitmap>() {  
 
   private ViewHolder v;  
 
    
 
   @Override  
 
   protected Bitmap doInBackground(ViewHolder... params) {  
 
   v = params[0];  
 
   return BitmapFactory.decodeStream(getStreamFromURL(imgUrl));  
 
   }  
 
    
 
   @Override  
 
   protected void onPostExecute(Bitmap result) {  
 
   super.onPostExecute(result);  
 
   v.pb.setVisibility(View.GONE);  
 
   v.mBtn.setVisibility(View.VISIBLE);  
 
   v.iv.setImageBitmap(result);  
 
   }  
 
   }.execute(mHolder);  
 
   return convertView;  
 
   }  
 
    
 
   }  
 
    
 
   static class ViewHolder{  
 
   ImageView iv = null ;  
 
   Button mBtn = null ;  
 
   ProgressBar pb = null ;  
 
   TextView tv = null ;  
 
   }  
 
    
 
    
 
   static String length;  
 
   public static InputStream getStreamFromURL(String imageURL) {  
 
   InputStream in=null;  
 
   try {  
 
   URL url=new URL(imageURL);  
 
   HttpURLConnection connection=(HttpURLConnection) url.openConnection();  
 
  // connection.setRequestProperty("Connection", "Keep-Alive");//維持長鏈接  
 
   connection.setConnectTimeout(6* 1000);//設置鏈接超時  
 
   if (connection.getResponseCode() != 200) throw new RuntimeException("請求失敗");  
 
   length = connection.getHeaderField("Content-Length");  
 
   in=connection.getInputStream();  
 
    
 
   } catch (Exception e) {  
 
   // TODO Auto-generated catch block  
 
   e.printStackTrace();  
 
   }  
 
   return in;  
 
    
 
   }  
 
    
 
    
 
  }

三：再來看下兩個佈局吧（爲方便查，小馬就放一塊兒了：）

  
 
  主佈局文件：  
 
    
 
  <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" >  
 
    
 
   <ListView  
 
   android:id="@+id/listview"  
 
   android:layout_width="fill_parent"  
 
   android:layout_height="fill_parent"  
 
   android:drawSelectorOnTop="false"  
 
   android:choiceMode="none"  
 
   android:focusable="false"  
 
   android:scrollingCache="false"  
 
   android:fadingEdge="none"  
 
   android:focusableInTouchMode="false"  
 
   android:clickable="false"  
 
   android:dividerHeight="0.5dip" />  
 
    
 
  </RelativeLayout>  
 
    
 
  ListView列表控件Item佈局：  
 
    
 
  <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="110dp"  
 
   android:background="#00ffeeaa"  
 
   >  
 
    
 
   <ImageView  
 
   android:id="@+id/iv"  
 
   android:layout_width="110dp"  
 
   android:background="@drawable/ic_action_search"  
 
   android:layout_height="110dp"  
 
   android:contentDescription="@string/hello_world"/>  
 
    
 
   <Button  
 
   android:id="@+id/button"  
 
   android:layout_width="wrap_content"  
 
   android:layout_height="wrap_content"  
 
   android:layout_alignParentRight="true"  
 
   android:layout_centerVertical="true"  
 
   android:text="@string/xiaomaguo"/>  
 
    
 
   <ProgressBar  
 
   android:id="@+id/progressBar1"  
 
   android:layout_width="wrap_content"  
 
   android:layout_height="wrap_content"  
 
   android:layout_alignParentLeft="true"  
 
   android:layout_centerVertical="true"  
 
   android:layout_alignTop="@+id/button"  
 
   android:layout_marginLeft="29dp" />  
 
    
 
   <TextView  
 
   android:id="@+id/textView1"  
 
   android:layout_width="wrap_content"  
 
   android:layout_height="wrap_content"  
 
   android:layout_alignBaseline="@+id/button"  
 
   android:layout_alignBottom="@+id/button"  
 
   android:layout_centerVertical="true"  
 
   android:layout_toLeftOf="@+id/button"  
 
   android:text="@string/cool" />  
 
    
 
  </RelativeLayout>