android之GridView异步加载图片时显示加载进度ProgressBar

最新推荐文章于 2023-03-14 13:59:53 发布

谦言万语

最新推荐文章于 2023-03-14 13:59:53 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：移动开发-Android 文章标签： android layout encoding null

本文链接：https://blog.youkuaiyun.com/han_jiang_xue/article/details/7403509

移动开发-Android 专栏收录该内容

42 篇文章

订阅专栏

本文介绍在Android的GridView中如何实现异步加载图片，并在加载过程中显示ProgressBar。这种方法同样适用于Gallery组件，可以解决图片未加载时无法滑动的问题。GridView的布局文件和每个item的布局(gridview_item.xml)都将包含一个用于显示加载进度的ProgressBar。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

GridView异步加载图片时，每个view中先显示加载进度ProgressBar。。。Gallery中使用该方法还可以避免图片没加载到时无法滑动的问题。

GridView布局文件：

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:layout_width="wrap_content"  
  android:layout_height="wrap_content"  
  android:orientation="vertical">  
    
      <GridView    
	    android:id="@+id/main_album_gridview"  
	    android:layout_width="fill_parent"   
	    android:layout_height="fill_parent"  
	    android:numColumns="4"  
	    android:scrollbars="none"
	    android:smoothScrollbar="true"
	    android:fadingEdge="none"
	    android:verticalSpacing="0dip"  
	    android:horizontalSpacing="0dip"  
	    android:columnWidth="90dp"  
	    android:stretchMode="columnWidth"  
	    android:gravity="center"  
	  />
</LinearLayout>

Item的布局文件gridview_item.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:id="@+id/relativeLayout1">
    <ImageView 
    android:id="@+id/grid_imageview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />
    <ProgressBar 
     android:id="@+id/grid_progressBar"    
     android:layout_width="wrap_content"   
     android:layout_height="wrap_content"  
     android:visibility="gone" 
     android:layout_gravity="center_vertical"
    
    />
    <!--  style="@android:style/Widget.ProgressBar.Small" -->
</RelativeLayout>

加载图片时先显示进度：

	
	public View getView(int position, View convertView, ViewGroup parent) {
		
		if(convertView == null){
			LayoutInflater layoutInflater = LayoutInflater.from(mMainActivity);
			convertView = layoutInflater.inflate(R.layout.gridview_item, null);
			GridView.LayoutParams params = new GridView.LayoutParams(mMainActivity.albumWidth,mMainActivity.albumHeight);
			convertView.setLayoutParams(params);
		}
		convertView.setTag(position);
				
		//先显示加载进度条
		ProgressBar pb = (ProgressBar)convertView.findViewById(R.id.grid_progressBar);
		pb.setVisibility(View.VISIBLE);
		
		ImageView imageView = (ImageView)convertView.findViewById(R.id.grid_imageview);
		imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
		imageView.setAdjustViewBounds(true);
		syncTask.loadImage(position, imageUrls.get(position), imageLoadListener);//异步加载图片
		
		return convertView;
	}

图片加载完后要隐藏进度条：

View view = (View)mGridView.findViewWithTag(t);  
              
    if(view != null){  
        //隐藏进度条  
        ProgressBar pb = (ProgressBar)view.findViewById(R.id.grid_progressBar);  
        pb.setVisibility(View.INVISIBLE);  
        //显示加载到的图片  
        ImageView imageView = (ImageView)view.findViewById(R.id.grid_imageview);  
        imageView.setBackgroundDrawable(drawable);  
    }