android中ListView嵌套GridView图片显示的问题

在android开发中我们常常会在ListView中嵌套GridView图片显示,但效果总是不如人意,因为我们不能很好的控制gridView中图片尺寸显示的问题,接下来就让我来讲讲如何设置图片显示位置和尺寸的方法,让大家借鉴借鉴,直接上代码:

public class MainActivity extends Activity {
    ListView listview;
    
      @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       listview=(ListView)findViewById(R.id.listview);
       listview.setAdapter(new MyAdapter());
    
    
    }
}
上述大家都懂吧,接下来看listView的布局实现:


   
   

   
   
    
    
    
    
     
         
        
      
     
        
         
      
      

            
      
      
        
          
     
     
         
     
     

            
      
      
        
     
     
        
        
        
        
        
        
        
        
    
    
    
     
    
    
     
    
    
     
    
    

        

        
     
     

          

            
      
      

                
       
       

                
       
       
            
      
      
        
     
     
    
    
        
         
         
         
     


   
   
这里仿微信朋友圈的布局。相信大家都看的懂的。接下来看看MyAdapter的实现逻辑:
public class myAdapter extends BaseAdapter {
	// final static Boolean mIsGridViewIdle;
	private Context context;
	private List
   
   
    
     weibolist;
	private LayoutInflater inflater;
	//这里省略一些控件
    ...
    ImageGridAdapter adapter;
    
	public myAdapter(Context context,List
    
    
     
      weibolist,int mScreenWidth,int mScreenHeight,String type){
		this.context=context;
		this.weibolist=weibolist;
		this.inflater=LayoutInflater.from(context);
		this.mScreenHeight=mScreenHeight;
		this.mScreenWidth=mScreenWidth;
		this.type=type;
	}
	
	
	
	

	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return weibolist.size();
	}

	@Override
	public Object getItem(int arg0) {
		// TODO Auto-generated method stub
		return null;
	}

	@Override
	public long getItemId(int arg0) {
		// TODO Auto-generated method stub
		return arg0;
	}

	@Override
	public View getView(final int position, View concertView, final ViewGroup parent) {
		// TODO Auto-generated method stub
		ViewHolder holder=null;
		if(concertView==null){
			concertView=inflater.inflate(R.layout.adapter_weibolist_item, parent, false);
			holder=new ViewHolder();
		
			holder.userIcon=(CircleImageView)concertView.findViewById(R.id.adapter_weibolist_head);
			holder.txDescribe=(TextView)concertView.findViewById(R.id.adapter_weibolist_item_content);
			
			holder.txUser=(TextView)concertView.findViewById(R.id.adapter_weibolist_item__name);
			holder.txTime=(TextView)concertView.findViewById(R.id.adapter_weibolist_item_create_time);
			
			holder.imageGrid=(GridView)concertView.findViewById(R.id.adapter_weibolist_item_imGrid);
			
			
			holder.txNum=(TextView)concertView.findViewById(R.id.adapter_weibolist_item_comment_account);
			holder.imageView=(ImageView)concertView.findViewById(R.id.adapter_weibolist_item_delete_weibo);
		
			
			concertView.setTag(holder);
			
			
		}else {
			holder=(ViewHolder) concertView.getTag();
		}
		this.position=position;
		
		
	
		holder.txTime.setText(weibolist.get(position).getCreatedAt());
		holder.txDescribe.setText(weibolist.get(position).getContent());
		holder.imageGrid.setVisibility(View.GONE);
	
		
	
		//如果设置了图片GridView
        if(weibolist.get(position).getIcons()!=null){
			holder.imageGrid.setVisibility(View.VISIBLE);
		
		
		 holder.imageGrid.setClickable(false); 
		 holder.imageGrid.setPressed(false); 
		 holder.imageGrid.setEnabled(false);
		  adapter=new ImageGridAdapter(context, weibolist.get(position).getIcons(), mScreenWidth, mScreenHeight);
			holder.imageGrid.setAdapter(adapter);
			// GridViewUtils.updateGridViewLayoutParams(holder.imageGrid, 3);
			
				
        }
				
		return concertView;
	}
    
    
   
   
真正实现逻辑的是ImageGridAdapter,接下来看看里面做了些什么事:
package lmf.zhumydemo.adapter;

import java.util.ArrayList;
import java.util.List;

import lmf.zhumydemo.activity.LostOrFoundActivity;

import com.bmob.BmobProFile;
import com.example.zhumydemo.R;
import com.nostra13.universalimageloader.core.ImageLoader;




import cn.bmob.v3.datatype.BmobFile;

import android.app.ActionBar.LayoutParams;
import android.content.Context;
import android.provider.MediaStore.Files;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class ImageGridAdapter extends BaseAdapter {
	
	private Context context;
	private LayoutInflater inflater;
	private String[] fileNames;
	private String[] urls;
	private List
   
   
    
     files=new ArrayList
    
    
     
     ();
	private List
     
     
      
       urlss=new ArrayList
      
      
       
       ();
	private String url;
    ....
	private int mScreenWidth;
	private int mScreenHeight;
    Boolean mIsGridViewIdle;
	

	public ImageGridAdapter(Context context, List
       
       
         icons,int mScreenWidth,int mScreenHeight) { // TODO Auto-generated constructor stub this.context=context; this.icons=icons; this.inflater=LayoutInflater.from(context); this.mScreenHeight=mScreenHeight; this.mScreenWidth=mScreenWidth; } @Override public int getCount() { // TODO Auto-generated method stub return icons.size(); } @Override public Object getItem(int arg0) { // TODO Auto-generated method stub return null; } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public View getView(int position, View concertView, ViewGroup parent) { // TODO Auto-generated method stub ViewHolder holder=null; if(concertView==null){ concertView=inflater.inflate(R.layout.adapter_imagegrid_item, parent, false); holder=new ViewHolder(); holder.imageView=(ImageView)concertView.findViewById(R.id.adapter_imagegrid_imageview); concertView.setTag(holder); }else { holder=(ViewHolder) concertView.getTag(); } url=icons.get(position).getFileUrl(context); //首先得到要设置的GridView GridView gv=(GridView) parent; //获得每个Item之间的间隔 int horizontalSpacing=gv.getHorizontalSpacing(); //获得总共的列数 int numColums=gv.getNumColumns(); //每个Item的宽度 int itemWith=(gv.getWidth()-(numColums-1)*horizontalSpacing-gv.getPaddingLeft()-gv.getPaddingRight())/numColums; LinearLayout.LayoutParams lp=new LinearLayout.LayoutParams(itemWith, itemWith); holder.imageView.setLayoutParams(lp); holder.imageView.setTag(url); if(holder.imageView.getTag()!=null&&holder.imageView.getTag().equals(url)){ ImageLoader.getInstance().displayImage(url, holder.imageView); } // bmobFile.loadImageThumbnail(context, holder.imageView, 30, 30); return concertView; } public class ViewHolder{ private ImageView imageView; } } 
       
      
      
     
     
    
    
   
   
首先得到要设置的GridView,然后求出每个item的间距,用GridView总宽度-间距-自身的padding/num就得到每个Item的宽度了,再设置给ImageView就可以了,总的思想就是这样。接下来看看具体界面效果吧




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
NineGridImageView 是一个九宫格图片控件。用法1. 首先添加依赖compile 'com.jaeger.ninegridimageview:library:1.0.0'2. 在布局文件添加 NineGridImageView, 如下所示:nineGridImageView.setAdapter(nineGridViewAdapter);下面是 NineGridImageViewAdapter.class 的源码:public abstract class NineGridImageViewAdapter {     protected abstract void onDisplayImage(Context context, ImageView imageView, T t);     protected void onItemImageClick(Context context, int index, List list) {          }     protected ImageView generateImageView(Context context) {         GridImageView imageView = new GridImageView(context);         imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);         return imageView;     }}T 是你图片的数据类型, 你可以简单的使用 String 类型也可以是你自定义的类型;你必须重写 onDisplayImage(Context context, ImageView imageView, T t) 方法去设置显示图片的方式, 你可以使用 Picasso、Glide 、ImageLoader 或者其他的图片加载库,你也可以给 ImageView 设置一个占位图;如果你需要处理图片的点击事件,你可以重写 onItemImageClick(Context context, int index, List list) 方法,加上你自己的处理逻辑;如果你要使用自定义的 ImageView,你可以重写 generateImageView(Context context) 方法, 去生成自定的 ImageView。下面是一段示例代码:private NineGridImageViewAdapter mAdapter = new NineGridImageViewAdapter() { @Override protected void onDisplayImage(Context context, ImageView imageView, Photo photo) { Picasso.with(context)                     .load(photo.getSmallUrl)                     .placeholder(R.drawable.ic_default_image)                     .into(imageView);             }         @Override         protected ImageView generateImageView(Context context) {             return super.generateImageView(context);         }         @Override         protected void onItemImageClick(Context context, int index, List photoList) {            showBigPicture(context, photoList.get(index).getBigUrl());         }     };         ... mNineGridImageView.setAdapter(mAdapter);...4. 给 NineGridImageView 设置图片数据:nineGridImageView.setImagesData(List imageDataList);图片展示:

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值