Android实现图片放大缩小
- package com.min.Test_Gallery;
- import android.app.Activity;
- import android.graphics.Bitmap;
- import android.graphics.BitmapFactory;
- import android.graphics.Color;
- import android.graphics.Matrix;
- import android.os.Bundle;
- import android.util.DisplayMetrics;
- import android.util.Log;
- import android.view.GestureDetector;
- import android.view.KeyEvent;
- import android.view.MotionEvent;
- import android.view.View;
- import android.view.GestureDetector.OnGestureListener;
- import android.view.View.OnTouchListener;
- import android.widget.Button;
- import android.widget.FrameLayout;
- import android.widget.ImageView;
- import android.widget.LinearLayout;
- import android.widget.Toast;
- public class DisplayImage extends Activity implements OnTouchListener, OnGestureListener {
- private static final String TAG = "DisplayImage";
- private static final int FLING_MIN_DISTANCE = 100;
- private static final int FLING_MIN_VELOCITY = 200;
- /* 相关变量声明 */
- private ImageView mImageView;
- private Button mButton01;
- private Button mButton02;
- private FrameLayout layout1;
- private LinearLayout layoutImage;
- private Bitmap bmp;
- private int id=0;
- private int displayWidth;
- private int displayHeight;
- private float scaleWidth=1;
- private float scaleHeight=1;
- private GestureDetector mGestureDetector;
- /** Called when the activity is first created. */
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- /* 加载display.xml Layout */
- setContentView(R.layout.display);
- /* 取得屏幕分辨率大小 */
- DisplayMetrics dm=new DisplayMetrics();
- getWindowManager().getDefaultDisplay().getMetrics(dm);
- displayWidth=dm.widthPixels;
- displayHeight=dm.heightPixels;
- /* 初始化相关变量 */
- Bundle bundle = this.getIntent().getExtras();
- Integer imageId = bundle.getInt("imageId");
- Log.i(TAG, "onCreate, imageId = " + imageId);
- bmp=BitmapFactory.decodeResource(getResources(), imageId);
- mImageView = (ImageView)findViewById(R.id.myImageView);
- mImageView.setImageBitmap(bmp);
- mImageView.setOnTouchListener(this);
- mImageView.setLongClickable(true);
- layout1 = (FrameLayout)findViewById(R.id.layout1);
- layoutImage = (LinearLayout)findViewById(R.id.layoutImage);
- mButton01 = (Button)findViewById(R.id.myButton1);
- mButton02 = (Button)findViewById(R.id.myButton2);
- /* 缩小按钮onClickListener */
- mButton01.setOnClickListener(new Button.OnClickListener() {
- @Override
- public void onClick(View v) {
- small();
- }
- });
- /* 放大按钮onClickListener */
- mButton02.setOnClickListener(new Button.OnClickListener() {
- @Override
- public void onClick(View v) {
- big();
- }
- });
- }
- // 用户轻触触摸屏,由1个MotionEvent ACTION_DOWN触发
- @Override
- public boolean onDown(MotionEvent e) {
- // TODO Auto-generated method stub
- // Toast.makeText(this, "onDown", Toast.LENGTH_SHORT).show();
- Log.i(TAG, "onDown...");
- return false;
- }
- /* 用户按下触摸屏、快速移动后松开,由1个MotionEvent ACTION_DOWN,
- * 多个ACTION_MOVE, 1个ACTION_UP触发
- * 参数解释:
- * e1:第1个ACTION_DOWN MotionEvent
- * e2:最后一个ACTION_MOVE MotionEvent
- * velocityX:X轴上的移动速度,像素/秒
- * velocityY:Y轴上的移动速度,像素/秒
- * 触发条件 :
- * X轴的坐标位移大于FLING_MIN_DISTANCE,且移动速度大于FLING_MIN_VELOCITY个像素/秒
- * @see android.view.GestureDetector$OnGestureListener#onFling(android.view.MotionEvent, android.view.MotionEvent, float, float)
- */
- @Override
- public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
- float velocityY) {
- // TODO Auto-generated method stub
- Log.i(TAG, "onFling...");
- if (e1.getX() - e2.getX() > FLING_MIN_DISTANCE
- && Math.abs(velocityX) > FLING_MIN_VELOCITY) {
- // Fling left
- Toast.makeText(this, "Fling Left", Toast.LENGTH_SHORT).show();
- } else if (e2.getX() - e1.getX() > FLING_MIN_DISTANCE
- && Math.abs(velocityX) > FLING_MIN_VELOCITY) {
- // Fling right
- Toast.makeText(this, "Fling Right", Toast.LENGTH_SHORT).show();
- }
- return false;
- }
- // 用户长按触摸屏,由多个MotionEvent ACTION_DOWN触发
- @Override
- public void onLongPress(MotionEvent e) {
- // TODO Auto-generated method stub
- Log.i(TAG, "onLongPress...");
- }
- // 用户按下触摸屏,并拖动,由1个MotionEvent ACTION_DOWN, 多个ACTION_MOVE触发
- @Override
- public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
- float distanceY) {
- // TODO Auto-generated method stub
- Log.i(TAG, "onScroll...");
- return false;
- }
- // 用户轻触触摸屏,尚未松开或拖动,由一个1个MotionEvent ACTION_DOWN触发
- // 注意和onDown()的区别,强调的是没有松开或者拖动的状态
- @Override
- public void onShowPress(MotionEvent e) {
- // TODO Auto-generated method stub
- Log.i(TAG, "onShowPress...");
- }
- // 用户(轻触触摸屏后)松开,由一个1个MotionEvent ACTION_UP触发
- @Override
- public boolean onSingleTapUp(MotionEvent e) {
- // TODO Auto-generated method stub
- Log.i(TAG, "onSingleTapUp...");
- return false;
- }
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- // TODO Auto-generated method stub
- Log.i(TAG, "onTouch...");
- // Set button visible
- mButton01.setVisibility(View.VISIBLE);
- mButton02.setVisibility(View.VISIBLE);
- return mGestureDetector.onTouchEvent(event);
- }
- // @Override
- // public boolean onTouchEvent(MotionEvent event) {
- // // TODO Auto-generated method stub
- // super.onTouchEvent(event);
- //
- // Log.i(TAG, "onTouchEvent");
- // // Set button visible
- // mButton01.setVisibility(View.VISIBLE);
- // mButton02.setVisibility(View.VISIBLE);
- //
- // return true;
- // }
- @Override
- public boolean onKeyDown(int keyCode, KeyEvent event) {
- // TODO Auto-generated method stub
- super.onKeyDown(keyCode, event);
- Log.i(TAG, "onKeyDown...");
- // Set button visible
- mButton01.setVisibility(View.VISIBLE);
- mButton02.setVisibility(View.VISIBLE);
- return true;
- }
- /* 图片缩小的method */
- private void small() {
- int bmpWidth=bmp.getWidth();
- int bmpHeight=bmp.getHeight();
- Log.i(TAG, "bmpWidth = " + bmpWidth + ", bmpHeight = " + bmpHeight);
- /* 设置图片缩小的比例 */
- double scale=0.8;
- /* 计算出这次要缩小的比例 */
- scaleWidth=(float) (scaleWidth*scale);
- scaleHeight=(float) (scaleHeight*scale);
- /* 产生reSize后的Bitmap对象 */
- Matrix matrix = new Matrix();
- matrix.postScale(scaleWidth, scaleHeight);
- Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,
- bmpHeight,matrix,true);
- if(id==0) {
- /* 如果是第一次按,就删除原来默认的ImageView */
- layoutImage.removeView(mImageView);
- } else {
- /* 如果不是第一次按,就删除上次放大缩小所产生的ImageView */
- layoutImage.removeView((ImageView)findViewById(id));
- }
- /* 产生新的ImageView,放入reSize的Bitmap对象,再放入Layout中 */
- id++;
- ImageView imageView = new ImageView(this);
- imageView.setId(id);
- imageView.setImageBitmap(resizeBmp);
- layoutImage.addView(imageView);
- Log.i(TAG, "imageView.getWidth() = " + imageView.getWidth()
- + ", imageView.getHeight() = " + imageView.getHeight());
- setContentView(layout1);
- /* 因为图片放到最大时放大按钮会disable,所以在缩小时把它重设为enable */
- mButton02.setEnabled(true);
- mButton02.setTextColor(Color.MAGENTA);
- }
- /* 图片放大的method */
- private void big() {
- int bmpWidth=bmp.getWidth();
- int bmpHeight=bmp.getHeight();
- Log.i(TAG, "bmpWidth = " + bmpWidth + ", bmpHeight = " + bmpHeight);
- /* 设置图片放大的比例 */
- double scale=1.25;
- /* 计算这次要放大的比例 */
- scaleWidth=(float)(scaleWidth*scale);
- scaleHeight=(float)(scaleHeight*scale);
- /* 产生reSize后的Bitmap对象 */
- Matrix matrix = new Matrix();
- matrix.postScale(scaleWidth, scaleHeight);
- Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,
- bmpHeight,matrix,true);
- if(id==0) {
- /* 如果是第一次按,就删除原来设置的ImageView */
- layoutImage.removeView(mImageView);
- } else {
- /* 如果不是第一次按,就删除上次放大缩小所产生的ImageView */
- layoutImage.removeView((ImageView)findViewById(id));
- }
- /* 产生新的ImageView,放入reSize的Bitmap对象,再放入Layout中 */
- id++;
- ImageView imageView = new ImageView(this);
- imageView.setId(id);
- imageView.setImageBitmap(resizeBmp);
- layoutImage.addView(imageView);
- setContentView(layout1);
- /* 如果再放大会超过屏幕大小,就把Button disable */
- if( scaleWidth * scale * bmpWidth > bmpWidth * 3 ||
- scaleHeight * scale * bmpHeight > bmpWidth * 3 ||
- scaleWidth * scale * bmpWidth > displayWidth * 5 ||
- scaleHeight * scale * bmpHeight > displayHeight * 5) {
- mButton02.setEnabled(false);
- mButton02.setTextColor(Color.GRAY);
- } else {
- mButton02.setEnabled(true);
- mButton02.setTextColor(Color.MAGENTA);
- }
- }
- }
display.xml文件
- <?xml version="1.0" encoding="utf-8"?>
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:id="@+id/layout1"
- >
- <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:layout_weight="19"
- android:scrollbars="vertical"
- android:fadingEdge="vertical">
- <HorizontalScrollView
- android:layout_height="fill_parent"
- android:layout_width="wrap_content">
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="horizontal"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:gravity="center"
- android:id="@+id/layoutImage"
- >
- <ImageView
- android:id="@+id/myImageView"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:layout_weight="19"
- android:paddingTop="5dip"
- android:paddingBottom="5dip"
- />
- </LinearLayout>
- </HorizontalScrollView >
- </ScrollView>
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- >
- <Button
- android:id="@+id/myButton1"
- android:layout_width="45dip"
- android:layout_height="30dip"
- android:layout_alignParentLeft="true"
- android:gravity="left"
- style="@style/my_style_button"
- android:visibility="gone"
- android:text="缩小"
- />
- <Button
- android:id="@+id/myButton2"
- android:layout_width="45dip"
- android:layout_height="30dip"
- android:layout_alignParentRight="true"
- android:gravity="right"
- style="@style/my_style_button"
- android:visibility="gone"
- android:text="放大"
- />
- </RelativeLayout>
- </FrameLayout>
Android实现图片放大缩小的更多相关文章
- 41.Android之图片放大缩小学习
生活中经常会用到图片放大和缩小,今天简单学习下. 思路:1.添加一个操作图片放大和缩小类; 2. 布局文件中引用这个自定义控件; 3. 主Activity一些修改. 代码如下: 增加图片操作类: ...
- imageView图片放大缩小及旋转
imageView图片放大缩小及旋转 一.简介 二.方法 1)设置图片放大缩小效果 第一步:将<ImageView>标签中的android:scaleType设置为"fitCen ...
- 鼠标滚轮图片放大缩小功能,使用layer弹框后不起作用
今天在项目中遇到的一个问题:点击按钮使用layer弹框弹出一张图片,需要加一个鼠标滚轮放大缩小,图片也跟着放大缩小的功能.于是在网上找了一个demo. DEMO: <!DOCTYPE html ...
- javascript仿新浪微博图片放大缩小及旋转效果
javascript仿新浪微博图片放大缩小及旋转效果 经常看到新浪微博里有图片放大缩小旋转效果,感觉效果还不错,所以就想试着做一个类似的demo出来,至于旋转对于IE可以用滤镜来解决,标准的浏览器可以 ...
- hammer使用: 代码:捏合、捏开、图片放大 的一个手机图片“放大缩小可拖动”的小效果
hammer.js 的使用. (手机手势插件) 捏合.捏开.图片放大 的一个手机图片“放大缩小可拖动”的小效果. 相关js 到 http://www.bootcdn.cn/ 查找和下载. hamme ...
- vue项目 一行js代码搞定点击图片放大缩小
一行js代码搞定xue项目需要点击图片放大缩小,其实主要用的是用到了vue:class的动态切换,内容比较简单.一开始我把维护的需求想得太复杂了,和测试小姐姐聊了一下才反应过来. 两个月不到跟了四个项 ...
- 自定义mousewheel事件,实现图片放大缩小功能实现
本文是承接 上一篇的<自定义鼠标滚动事件> 的基础上实现的,建议大家先看一下上一篇的mousewheel的实现,再浏览下文: 上篇中我们介绍到: $element.mousewheel( ...
- wpf下的图片放大缩小
WPF下实现图片的放大缩小移动 在windows 7里面有自带的图片查看器,这个软件可以打开一张图片然后以鼠标在图片中的焦点为原点来进行缩放,并且放大后可以随意拖动.下面我们在WPF中实现这个功能 ...
- Android多点触摸放大缩小图片
1.Activity package com.fit.touchimage; import android.app.Activity; import android.graphics.Bitmap; ...
随机推荐
- Ecstore获取dbschema内容?
有时候在使用dbschema的时候,需要获取dbschema的结构.例如: 那么,我们可以这样写: 这样我就能获得 称呼 这个数组
- ASP.NET中的MD5加密
新人冒泡,打今起在园子里算是开博了,先来写点关于基础性的东西 为以后的写其他的文章做准备. 今天就先来说说MD5加密与在ASP.NET中如何实现MD5加密. MD5加密简单的说就是把一段明文 通过某种 ...
- js获取当前日期时间同时显示星期
JavaScript获取当前日期时间同时显示星期几,具体代码如下: <html> <head> <meta http-equiv="Content-Type&q ...
- linux下zip命令使用
linux zip命令 zip -r myfile.zip ./*将当前目录下的所有文件和文件夹全部压缩成myfile.zip文件,-r表示递归压缩子目录下所有文件. 2.unzipunzip -o ...
- Android开发手记(14) 使用MediaPlayer播放mp3
1.获取MediaPlayer实例 (1)可以直接通过new或者create方式: 调用setDataSource和create的区别是,create时已经执行了MediaPlayer.prepare ...
- An attempt to attach an auto-named database for file
在用VS自带的 .mdf读取(joint)时,报错: Server Error in '/' Application. An attempt to attach an auto-named datab ...
- Win7启动修复MBR(Win7+Linux删除Linux后进入grub rescue的情况)
事因:我的笔记本原先同时安装了Win7+Linux,昨天发现硬盘实在不够用(才60G,虽然还有个500G的移动硬盘),就想把里面的Ubuntu格了.都是用虚拟机做测试的多.后来就格了Ubuntu所在的 ...
- StrokeStart与StrokeEnd动画
通过修改CAShapeLayer的StrokeStart与StrokeEnd的值来实现画图动画 效果图: 代码部分: #import "ViewController.h" @int ...
- java编程小技巧
1.缩进与反缩进 缩进:tab 反缩进:shift+tab 2.整段注释和取消整段注释 整段注释:ctrl+shift+/ 取消整段注释:ctrl+shift+\
- The Primo ScholarRank Technology: Bringing the Most Relevant Results to the Top of the List
By Tamar Sadeh, Director of Marketing In today’s world, users’ expectations for a quick and easy sea ...