2011.09.27（2）——— android ImageView下上同时拉伸的效果

发布时间：2011-06-27 20:29:02 文章来源：www.iduyao.cn 采编人员：星星草

2011.09.27（2）——— android ImageView上下同时拉伸的效果
2011.09.27（2）——— android ImageView上下同时拉伸的效果

在http://lipeng88213.iteye.com/blog/1180817里面我们把一张图的正中间显示在了ImageView里面现在需要做的就是我点击图片显示完整的图像，因为我们的图片是正中间显示在ImageView里面的所以应该需要一个上下同时拉伸图片的动画

最开始没有动画的代码如下：

package com.lp;

import java.util.Enumeration;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {
	private TextView tv;
	private ImageView iv;
	private boolean isClick = false;
	private int height ;
	private int width ;
	private Bitmap b2;
    @SuppressWarnings("static-access")
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        iv = (ImageView)findViewById(R.id.iv);
        Bitmap b = BitmapFactory.decodeResource(getResources(), R.drawable.aa);
        System.out.println(b.getHeight()+"  "+b.getWidth());
        b2 = b.createScaledBitmap(b, 600, Math.round(600*(b.getHeight()*1.0f/b.getWidth())), true);
        if(b!=null){
        	b.recycle();
        }
        System.out.println(b2.getHeight()+"  "+b2.getWidth());
        iv.setImageBitmap(b2);
        iv.setScaleType(ImageView.ScaleType.CENTER);
        iv.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				if(!isClick){
					LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
					height = iv.getHeight();
					width = iv.getWidth();
					iv.setLayoutParams(params);
					iv.setImageBitmap(b2);
					
				}else{
					LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
					System.out.println(height + "   "+width);
					params.height = height;
					params.width = width;
					iv.setLayoutParams(params);
					iv.setImageBitmap(b2);
					
				}
			}
		});
        
        
    }
		
		
		
    }

    
}

这个没有动画效果显得特别突兀所以需要一个动画来过渡一下

1、当然首先我想到的是Animation 如果android自带的动画效果能满足的话那就方便了

写了一个imageview.vml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="1.0" 
        android:toXScale="1.0" 
        android:fromYScale="1.0"
        android:toYScale="0.3" 
        android:pivotX="50%" 
        android:pivotY="50%"
        android:fillAfter="true" 
        android:duration="1400" />
</set>

调用：

Animation a = AnimationUtils.loadAnimation(MainActivity.this, R.anim.imageviw);
iv.setLayoutParams(params);

动画是出来了但是和我预想的差距太大了

它只是把现有的图片进行缩放，并不会把原来图片没有显示出来的部分显示出来

而我想要的是把整个图像都显示完全并不是针对部分图片进行缩放

2、我想我们显示imageView显示的是图片的中间部分那我们可不可以动态的更新ImageView的宽高并且我们的ImageView的scaleType为CENTER 所以就会显示出来上下同时拉伸的效果

基于这样想法我开始实践：

2.1、首先我先试试这个方法可行不可行

package com.lp;

import java.util.Enumeration;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {
	private TextView tv;
	private ImageView iv;
	private boolean isClick = false;
	private int height ;
	private int width ;
	private Bitmap b2;
	private int i = 50;
    @SuppressWarnings("static-access")
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        iv = (ImageView)findViewById(R.id.iv);
        Bitmap b = BitmapFactory.decodeResource(getResources(), R.drawable.aa);
        System.out.println(b.getHeight()+"  "+b.getWidth());
        b2 = b.createScaledBitmap(b, 600, Math.round(600*(b.getHeight()*1.0f/b.getWidth())), true);
        if(b!=null){
        	b.recycle();
        }
        System.out.println(b2.getHeight()+"  "+b2.getWidth());
        iv.setImageBitmap(b2);
        iv.setScaleType(ImageView.ScaleType.CENTER);
        
        
        tv = (TextView)findViewById(R.id.tv);
        tv.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				ImageAnimation();
			}
		});
    }
    
    
    private void ImageAnimation(){
    	LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
    	System.out.println(i);
		params.width = 600;
		params.height = i;
		iv.setLayoutParams(params);
		iv.setImageBitmap(b2);
        iv.setScaleType(ImageView.ScaleType.CENTER);
        i = i+10;
    }
    

    
}

就是通过不断的点击TextView实现ImageView的宽高动态更新来拉伸图片

这个测试成功了下面就是把不但点击点击TextView的操作封装一下：

2.2、线程

我开始用线程来实现：

package com.lp;

import java.util.Enumeration;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {
	private TextView tv;
	private ImageView iv;
	private boolean isClick = false;
	private int height ;
	private int width ;
	private Bitmap b2;
	private int i = 50;
	private LayoutParams params2222 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
    //handler
	private Handler handler = new Handler(){

		@Override
		public void handleMessage(Message msg) {
			if(msg.what==1){
				iv.setLayoutParams(params2222);
				iv.setImageBitmap(b2);
		        iv.setScaleType(ImageView.ScaleType.CENTER);
			}
		}
		
	};
    @SuppressWarnings("static-access")
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        iv = (ImageView)findViewById(R.id.iv);
        Bitmap b = BitmapFactory.decodeResource(getResources(), R.drawable.aa);
        System.out.println(b.getHeight()+"  "+b.getWidth());
        b2 = b.createScaledBitmap(b, 600, Math.round(600*(b.getHeight()*1.0f/b.getWidth())), true);
        if(b!=null){
        	b.recycle();
        }
        System.out.println(b2.getHeight()+"  "+b2.getWidth());
//        Bitmap bitmap = Bitmap.createBitmap(b, 100, 20, 200, 300);
        System.out.println(Environment.getExternalStorageDirectory());
        iv.setImageBitmap(b2);
        iv.setScaleType(ImageView.ScaleType.CENTER);
        iv.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				if(!isClick){
					height = iv.getHeight();
					width = iv.getWidth();
					
					new ImageThread().start();
					
				}else{
//					
					
				}
			}
		});
    }
   
    
    private class ImageThread extends Thread{

		@Override
		public void run() {
			while(i<400){
		    	System.out.println(i);
		    	params2222.width = 600;
		    	params2222.height = i;
		    	handler.sendEmptyMessage(1);
		    	i = i+10;
			}
		}
    	
    }
    

    
}

但是没有成功根本看不见动画效果什么原因啊？
我想会不会是运行太快了所以修改一下Thread

private class ImageThread extends Thread{

		@Override
		public void run() {
			while(i<400){
		    	System.out.println(i);
		    	params2222.width = 600;
		    	params2222.height = i;
		    	handler.sendEmptyMessage(1);
		    	i = i+10;
		    	try {
					Thread.sleep(50);
				} catch (InterruptedException e) {
					// TODO Auto-generated catch block
					e.printStackTrace();
				}
			}
		}
    	
    }

哈哈果然可以了不错啊

但是效果不理想有一顿一顿的感觉

2.3、AsyncTask

我想那就用Android系统建议使用的AsyncTask吧

package com.lp;

import java.util.Enumeration;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {
	private TextView tv;
	private ImageView iv;
	private boolean isClick = false;
	private int height ;
	private int width ;
	private Bitmap b2;
	private int i = 50;
	private LayoutParams params2222 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
	
	};
    @SuppressWarnings("static-access")
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        iv = (ImageView)findViewById(R.id.iv);
        Bitmap b = BitmapFactory.decodeResource(getResources(), R.drawable.aa);
        System.out.println(b.getHeight()+"  "+b.getWidth());
        b2 = b.createScaledBitmap(b, 600, Math.round(600*(b.getHeight()*1.0f/b.getWidth())), true);
        if(b!=null){
        	b.recycle();
        }
        System.out.println(b2.getHeight()+"  "+b2.getWidth());;
        iv.setImageBitmap(b2);
        iv.setScaleType(ImageView.ScaleType.CENTER);
        iv.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				if(!isClick){
					height = iv.getHeight();
					width = iv.getWidth();
					
					new ImageAsync().execute();
					
				}else{					
					new ImageAsync().execute();
					
				}
			}
		});
        
    }
    
    
    private class ImageAsync extends AsyncTask<Void, Integer, Void>{

		@Override
		protected Void doInBackground(Void... params) {
			if(!isClick){
				while(i<400){
			    	System.out.println(i);
			    	params2222.width = 600;
			    	params2222.height = i;
			    	publishProgress(i);
			    	i = i+10;
				}
			}else{
				while(i>50){
			    	System.out.println(i);
			    	params2222.width = 600;
			    	params2222.height = i;
			    	publishProgress(i);
			    	i = i-10;
				}
			}
			isClick = !isClick;
			return null;
		}


		@Override
		protected void onProgressUpdate(Integer... values) {
			super.onProgressUpdate(values);
			iv.setLayoutParams(params2222);
			iv.setImageBitmap(b2);
	        iv.setScaleType(ImageView.ScaleType.CENTER);
		}
		
		
		
    }

    
}

这个效果很好最后决定就用这个了吧

刚开始：

运行中：

完成：

代码见附件

上一篇：yuv420分量指针归拢
下一篇：Jmeter：图形界面压力测试用具

友情提示：
信息收集于互联网，如果您发现错误或造成侵权，请及时通知本站更正或删除，具体联系方式见页面底部联系我们，谢谢。

其他相似内容：

关于opengl源码的有关问题

关于opengl源码的问题 gluPickMatrix函数的实现在哪？我在glut源码中找了半天没有找到 ------解决方案-------------------- 这是...
关于傅立叶变换的数字水印嵌入算法的有关问题

关于傅立叶变换的数字水印嵌入算法的问题需求：首先对图像和水印图像进行傅里叶变换；讲数字水印嵌入到图像中；逆变换显示潜入水印...
Matlab和OpenCV的处理速度有关问题

Matlab和OpenCV的处理速度问题大家好！我正准备用Windows下的OPENCV实现MSR算法来处理图像，目前已经有在Matlab下面的处理的程序，但...
问一个Ghostscript的有关问题

问一个Ghostscript的问题！我用Ghostscript API将eps转换成pdf，在其他的环境下都能很好的执行。但是在windows server 2008上却不行...
求教D3D9.DLL为什么没有被游戏进程加载？该如何解决

求教D3D9.DLL为什么没有被游戏进程加载？我本来想wrap一下D3D9.DLL给一个3D游戏搞点破坏，但用IcdSword监视一下游戏使用模块，发现连D...
请问几个DirectX的有关问题

请教几个DirectX的问题 1：切线贴图就是法线贴图的意思么？如果不是，那两者有什么区别？ 2：The NPatch mode segments 是什么意思？原文： ...
用OpenCV作的一个车牌识别程序解决办法

用OpenCV作的一个车牌识别程序新手用OpenCV作的一个车牌识别程序，目前只能处理黄底黑字的车牌图像，供大家交流学习之用。如果感...
用matlab实现图像的dct变换

求助：用matlab实现图像的dct变换如题用matlab实现图像的dct变换不要用自带的dct2函数多谢了 ------解决方案----------------...
建了一个群，OCR字符识别技术，欢迎大家加入！解决办法

建了一个群，OCR字符识别技术，欢迎大家加入！欢迎大家讨论各种字符的识别技术，从图像的预处理到最后分类识别的过程都可以讨论。 qq...
Matlab下如何才能把封闭曲线作为边界判断区域内外

Matlab下怎么才能把封闭曲线作为边界判断区域内外大家好！我对一幅图进行边缘分割，得到了边缘（是一条曲线），下一步想要用得到的边缘曲...

2011.09.27（2）——— android ImageView下上同时拉伸的效果

其他相似内容：

热门推荐：