Android列表控件选项中添加进度框ProgressBar实现

          今天有时间就学习了下在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> 

        最后，由于选项中使用的图片是小马从网上异步下载加载的，所以得开下联网权限，大家别忘了加就行了，如下：

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

          怎么样？简单吧，刚开始的时间没思路，后来玩花辨的时候想到了，美丽说瀑布流实现的原理跟这个差不多，上面这个只是个小的DEMO，给大家提供个思路，GridView等其它控件，大家可以直接参照上面这个代码来写，吼吼，小DEMO源码由于CSDN中没有或没找到上传的功能，暂时先在http://mzh3344258.blog.51cto.com/1823534/995321下载，已经加在附件中，觉得有用就下下来瞅瞅吧，加油，每天进步一点点，祝 ：Happy ! O_O