自定义ImageView

package com.example.myimageview;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.graphics.RectF;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.FloatMath;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;

public class MyImageView extends ImageView{
        Matrix matrix = new Matrix();  
        Matrix savedMatrix = new Matrix();  
        /**位图对象*/  
        private Bitmap bitmap = null;  
        /** 屏幕的分辨率*/  
        private DisplayMetrics dm;  
      
        /** 最小缩放比例*/  
        float minScaleR = 1.0f;  
          
        /** 最大缩放比例*/  
        static final float MAX_SCALE = 15f;  
        /** 初始状态*/  
        static final int NONE = 0;  
        /** 拖动*/  
        static final int DRAG = 1;  
        /** 缩放*/  
        static final int ZOOM = 2;  
        /** 当前模式*/  
        int mode = NONE;  
        /** 存储float类型的x,y值,就是你点下的坐标的X和Y*/  
        PointF prev = new PointF();  
        PointF mid = new PointF();  
        float dist = 1f;  
        public MyImageView(Context context) {  
            super(context);  
            setupView();  
        }  
          
        public MyImageView(Context context, AttributeSet attrs) {  
            super(context, attrs);  
            setupView();  
        }  
          
          
        public void setupView(){  
            Context context = getContext();  
            //获取屏幕分辨率,需要根据分辨率来使用图片居中  
            dm = context.getResources().getDisplayMetrics();  
              
            //根据MyImageView来获取bitmap对象  
            BitmapDrawable bd = (BitmapDrawable)this.getDrawable();  
            if(bd != null){  
                bitmap = bd.getBitmap();  
            }  
    
            //设置ScaleType为ScaleType.MATRIX,这一步很重要  
            this.setScaleType(ScaleType.MATRIX);  
            this.setImageBitmap(bitmap);  
              
            //bitmap为空就不调用center函数  
            if(bitmap != null){  
                center(true, true);  
            }  
            this.setImageMatrix(matrix);  
            this.setOnTouchListener(new OnTouchListener() {  
                @Override  
                public boolean onTouch(View v, MotionEvent event) {  
                     switch (event.getAction() & MotionEvent.ACTION_MASK) {  
                        // 主点按下  
                        case MotionEvent.ACTION_DOWN:  
                            savedMatrix.set(matrix);  
                            prev.set(event.getX(), event.getY());  
                            mode = DRAG;  
                            break;  
                        // 副点按下  
                        case MotionEvent.ACTION_POINTER_DOWN:  
                            dist = spacing(event);  
                            // 如果连续两点距离大于10,则判定为多点模式  
                            if (spacing(event) > 10f) {  
                                savedMatrix.set(matrix);  
                                midPoint(mid, event);  
                                mode = ZOOM;  
                            }  
                            break;  
                        case MotionEvent.ACTION_UP:{  
                            break;  
                        }  
                        case MotionEvent.ACTION_POINTER_UP:  
                            mode = NONE;  
                            //savedMatrix.set(matrix);  
                            break;  
                        case MotionEvent.ACTION_MOVE:  
                            if (mode == DRAG) {  
                                matrix.set(savedMatrix);  
                                matrix.postTranslate(event.getX() - prev.x, event.getY()  
                                        - prev.y);  
                            } else if (mode == ZOOM) {  
                                float newDist = spacing(event);  
                                if (newDist > 10f) {  
                                    matrix.set(savedMatrix);  
                                    float tScale = newDist / dist;  
                                    matrix.postScale(tScale, tScale, mid.x, mid.y);  
                                }  
                            }  
                            break;  
                        }  
                        MyImageView.this.setImageMatrix(matrix);  
                        CheckView();  
                        return true;  
                }  
            });  
        }    
        /**
         * 横向、纵向居中
         */  
        protected void center(boolean horizontal, boolean vertical) {  
            Matrix m = new Matrix();  
            m.set(matrix);  
            RectF rect = new RectF(0, 0, bitmap.getWidth(), bitmap.getHeight());  
            m.mapRect(rect);  
      
            float height = rect.height();  
            float width = rect.width();  
      
            float deltaX = 0, deltaY = 0;  
      
            if (vertical) {  
                // 图片小于屏幕大小,则居中显示。大于屏幕,上方留空则往上移,下方留空则往下移  
                int screenHeight = dm.heightPixels;  
                if (height < screenHeight) {  
                    deltaY = (screenHeight - height) / 2 - rect.top;  
                } else if (rect.top > 0) {  
                    deltaY = -rect.top;  
                } else if (rect.bottom < screenHeight) {  
                    deltaY = this.getHeight() - rect.bottom;  
                }  
            }  
      
            if (horizontal) {  
                int screenWidth = dm.widthPixels;  
                if (width < screenWidth) {  
                    deltaX = (screenWidth - width) / 2 - rect.left;  
                } else if (rect.left > 0) {  
                    deltaX = -rect.left;  
                } else if (rect.right < screenWidth) {  
                    deltaX = screenWidth - rect.right;  
                }  
            }  
            matrix.postTranslate(deltaX, deltaY);  
        }  
          
        /**
         * 限制最大最小缩放比例,自动居中
         */  
        private void CheckView() {  
            float p[] = new float[9];  
            matrix.getValues(p);  
            if (mode == ZOOM) {  
                if (p[0] < minScaleR) {  
                    //Log.d("", "当前缩放级别:"+p[0]+",最小缩放级别:"+minScaleR);  
                    matrix.setScale(minScaleR, minScaleR);  
                }  
                if (p[0] > MAX_SCALE) {  
                    //Log.d("", "当前缩放级别:"+p[0]+",最大缩放级别:"+MAX_SCALE);  
                    matrix.set(savedMatrix);  
                }  
            }  
            center(true, true);  
        }  
          
        /**
         * 两点的距离
         */  
        private float spacing(MotionEvent event) {  
            float x = event.getX(0) - event.getX(1);  
            float y = event.getY(0) - event.getY(1);  
            return FloatMath.sqrt(x * x + y * y);  
        }  
        /**
         * 两点的中点
         */  
        private void midPoint(PointF point, MotionEvent event) {  
            float x = event.getX(0) + event.getX(1);  
            float y = event.getY(0) + event.getY(1);  
            point.set(x / 2, y / 2);  
        }  
    }

时间: 2024-10-10 10:48:57

自定义ImageView的相关文章

自定义Imageview控件实现多种手势操作 (拖动、水平缩放、竖直缩放、等比例缩放、双击、长按)

项目中需要使用自定义控件的多种手势操作,之前在网上查阅资料的时候发现能找到的一般是只实现了其中的几种,这次就把我做的控件分享一下,人人为我,我为人人嘛,哈哈! 这个自定义控件实现的主要功能是控件的拖动和缩放(注意:不是对控件中的图片进行操作,话说很多帖子都把这两个混了),其中缩放可以按照三个方向进行,就是水平.竖直和等比例.双击操作只做了一个提示,长按加上了一个简单的弹出菜单. 抱歉的是没有足够的时间写详细注释了,如果跟你需要的功能相同就请直接调用,要是需要改代码就费点神自己读懂代码吧,看不懂的

自定义ImageView实现局部截图功能

1.前言 最近在做一个能够自选区域进行局部截图的功能,接下来,会给大家讲解,整个截图的实现过程.笔者这边实现的自选区域的形状是矩形,读者如果有需要,可以根据我给大家讲解的思路,修改成适合自己的截图工具.先来看看效果图 2.效果图 这里的图片是来自笔者对webView的截图产生的,读者可以根据自己的需要,替换上面的图片. 通过拖拽四条边框,可以实现屏幕的局部截图: 拖拽之后,只有需要截图的部分才会高亮显示,其余部分用遮罩掩盖.笔者实现的拖拽四条边都可以任意拖拽,并不一定要正方形或者长方形.也可以如

Android自定义ImageView实现图片圆形 ,椭圆和矩形圆角显示

Android中的ImageView只能显示矩形的图片,为了用户体验更多,Android实现圆角矩形,圆形或者椭圆等图形,一般通过自定义ImageView来实现,首先获取到图片的Bitmap,然后通过Paint和onDraw()进行圆形图片显示. 效果图: 代码: 1 activity_image.xml 2 <?xml version="1.0" encoding="utf-8"?> 3 <LinearLayoutxmlns:android=&q

Android 自定义ImageView实现圆角/圆形 附加OnTouchListener详细注释以及Button圆角

转载请注明出处:王亟亟的大牛之路 平时要用一些非方方正正的按钮之类的小伙伴们是如何实现的?RadioButton?ImageButton?还是其他? 今天亟亟上的是ImageView来实现的 先上下效果图(目录结构) 分析: shape.xml用于Button的"倒角"(做过机械类的都懂,哈哈) attr.xml用于自定义ImageView的标签的定义 ids.xml用于控件findbyid用,为什么补+id 等会我会来解释 效果图: 分析:一个Button 2个自定义ImageVie

自定义ImageView实现图片手势滑动,多点触摸放大缩小效果

首先呢,还是一贯作风,我们先来看看众多应用中的示例:(这种效果是很常见的,可以说应用的必须品.)                搜狐客户端                                    百度新闻客户端                              新浪微博                              凤凰新闻客户端 也许大家对这些客户端并不陌生,但是不知道大家有没有注意到这些不足之处呢,这里我就叨唠吓这些不人性化的地方. 首先搜狐:她的图片放大后

自定义imageview圆形图片

package com.pan.util; import android.content.Context;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Matrix;import android.graphics.Paint;import android.graphics.PorterDuff;i

android自定义ImageView仿图片上传

Activity代码 1 public class MainActivity extends AppCompatActivity {   2     ProcessImageView processImageView =null;   3     int progress=0;   4    5     @Override   6     protected void onCreate(Bundle savedInstanceState) {   7         super.onCreate

Android自定义imageview可对图片进行多点缩放和拖动

package com.msstudent.view; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Matrix; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; i

Android -- 自定义ImageView(圆形头像)

1.  原图      -->    2.  自定义的控件类 package com.chaowen.yixin; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Pa

自定义ImageView回调实现手动改变圆环大小

//-----------------自定义MyView继承Imageview------------------------------- package com.bw.yuanhuan; import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.media.JetPlayer;i