Android实现图片放大缩小

最新推荐文章于 2024-05-12 03:12:30 发布
最新推荐文章于 2024-05-12 03:12:30 发布
阅读量501 收藏
点赞数
分类专栏： 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);
            }
        }
    

}

<?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>

chong7171
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android---缩放View
FireOfStar的专栏
09-21 4513
本文译自：http://developer.android.com/training/animation/zoom.html 本文向你介绍如何制作触碰缩放动画，对于像相册这样的应用程序，让图片在缩略图和全屏显示之间具有动画行为，会具有更好的用户体验。 创建View 给要缩放的内容创建大小两个版本的布局文件。下例中给可点击的图片缩略图创建了一个ImageButton布局和一个用于显示大图片的I
Android实现图片手势放大缩小功能
10-19
此工程专门针对Android应用中实现手势控制图片缩放的完全攻略,更可多张图片分别切换详细查看，采用了Matrix矩阵的方法,实例讲解了包括触摸点设置与各种冲突的处理等方面,相当全面,需要的朋友可以参考下
移动开发最新三分钟学会图片（ImageView）拖动和放大缩小，2024年最新快速学会
最新发布
2401_84132685的博客
05-12 693
答应大伙的备战金三银四，大厂面试真题来啦！这份资料我从春招开始，就会将各博客、论坛。网站上等优质的Android开发中高级面试题收集起来，然后全网寻找最优的解答方案。每一道面试题都是百分百的大厂面经真题+最优解答。包知识脉络 + 诸多细节。节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。《960全网最全Android开发笔记》《379页Android开发面试宝典》包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。
android图片放大缩小（绝对好用）
04-27
android 图片放大缩小~~~（绝对好用）
Android实现图片放大缩小Demo
08-11
在Android开发中，实现图片的放大缩小功能是常见的需求，特别是在设计相册或者查看图片的应用中。本Demo主要展示了如何在Android环境中实现这样的功能，既支持网络图片的加载，也支持本地图片的显示，并允许用户进行...
android 实现图片放大缩小
01-21
`android 实现图片放大缩小`的主题，意味着我们需要探讨如何在应用中实现对图片的缩放和平移功能，这通常涉及自定义ImageView子类来扩展其默认行为。在这个场景中，`DragImageView`就是我们自定义的组件，用于实现这...
Android自定义ImageView实现自动放大缩小动画
08-30
Android自定义ImageView实现自动放大缩小动画是Android开发中常见的一种需求，主要用于实现图片的自动放大缩小动画效果。在这篇文章中，我们将详细介绍如何使用Android自定义ImageView实现自动放大缩小动画，解决...
Android编程实现图片放大缩小功能ZoomControls控件用法实例
08-29
总的来说，这个实例展示了如何使用Android的ZoomControls控件实现基础的图片放大和缩小功能，对于初学者来说是一个很好的起点。不过在实际项目中，开发者应考虑使用更现代的方法来提高用户体验。
Android 图片随手势放大缩小功能
10-23
本功能主要包括：单击退出，双击放大，两手指同时触摸屏幕图片随两手指移动放大缩小（解决了图片放大后单击不能退出的情况）
android图片放大缩小 ImageView
12-20
两种图片的方法和缩小的示例，欢迎大家下载源码，多提宝贵意见。
Android实现ImageView图片双击放大及缩小
01-21
本文实例介绍了Android实现ImageView图片双击放大及缩小的相关技巧，分享给大家供大家参考，具体内容如下 public class DoubleScaleImageView extends ImageView implements OnTouchListener, ...
android 图片手动放大,Android图片的手动放大缩小
weixin_32602727的博客
05-28 2657
利用缩放因子进行图片的放大缩小，效果图如下在实现过程中如出现直接崩溃的情况：在全局配置文件中加入android:largeHeap="true"即可解决问题，在文章最后有现成代码步骤：1.布局文件 android:scaleType="matrix"记得加上，不然没有效果2.控件实例化及处理机制的取代3.进行逻辑处理，并利用Matrix进行图片处理其中nowScale 及beforeScale为自...
android ImageView 手势缩放，双击放大，自由滑动，多点触控，惯性滑动
jingzz1的博客
11-30 4021
兼容viewPager import android.animation.ObjectAnimator; import android.animation.ValueAnimator; import android.content.Context; import android.graphics.Matrix; import android.graphics.RectF; import and...
Android 图片放大缩小
zhangjianqin的专栏
10-17 5028
在android中，图片的放大和缩小是很重要的一个方法，我们主要用到的就是bitmap、MotionEvent 、Matrix、KeyEvent、OnTouchListene、ImageView。还有很多，在做图片的放大和缩小我们要知道的是， 取得屏幕分辨率大小，始化相关变量，还要定义的是图片缩小和放大的比例，我们还得判断图片太大，超出屏幕怎么办。下面我们就来看看图片的放大和缩小吧。 pack
android中实现图片的放大与缩小
tan313的专栏
03-23 1686
在一些软件经常用到图片的放大或者缩小的功能，使图片达到较为理想的视觉效果。在本程序中将实现这项功能，主要是对ImageView这个控件的应用。      效果图如下:      点击放大后: 实现这项功能并不是很难，首先开始布局文件，定义一个ImageView控件和两个按钮控件. <LinearLayout xmlns:android="http://schema
android缩放组件,Android编程实现图片放大缩小功能ZoomControls控件用法实例
05-31
好的，下面是实现图片放大缩小功能ZoomControls控件的用法实例： 1. 在 XML 布局文件中添加 ZoomControls 控件： ```xml <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/imageView" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="matrix" android:src="@drawable/image" /> <ZoomControls android:id="@+id/zoomControls" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" /> </FrameLayout> ``` 2. 在 Activity 中获取 ImageView 和 ZoomControls 对象，并设置监听器： ```java public class MainActivity extends AppCompatActivity { private ImageView imageView; private ZoomControls zoomControls; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); imageView = findViewById(R.id.imageView); zoomControls = findViewById(R.id.zoomControls); zoomControls.setOnZoomInClickListener(new View.OnClickListener() { @Override public void onClick(View v) { float scale = imageView.getScaleX() + 0.5f; imageView.setScaleX(scale); imageView.setScaleY(scale); } }); zoomControls.setOnZoomOutClickListener(new View.OnClickListener() { @Override public void onClick(View v) { float scale = imageView.getScaleX() - 0.5f; if (scale < 1) { scale = 1; } imageView.setScaleX(scale); imageView.setScaleY(scale); } }); } } ``` 3. 在监听器中实现图片的缩放功能，通过 ImageView 的 setScaleX() 和 setScaleY() 方法实现缩放。 以上就是实现图片放大缩小功能ZoomControls控件的用法实例，希望能对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值