Android自定义ImageView实现图片缩放滑动,双击放大缩小,多点触控旋转,圆角矩形,圆形和仿刮刮卡效果

本文介绍了一个自定义的ImageView,支持圆角、圆角矩形、圆形显示,以及图片的多点触控放大、缩小、旋转、双击放大缩小功能。同时,还涉及事件分发、矩阵变换、刮刮卡效果的相关知识点,提供项目源码链接。
摘要由CSDN通过智能技术生成

概述

这是一个可以设置成圆角或者圆角矩形的ImageView,并且可以设置是否支持多点触控放大,缩小,旋转图片,双击放大缩小的自定义的控件。还有一个仿刮刮卡效果的自定义View。

效果展示

效果展示
录制的视频5.4M,可能打不开得下下来看。

相关知识点

关键代码和注意事项

初始化

因为我们是使用matirx来做图形的变化,所以要设置 setScaleType(ScaleType.MATRIX);图形变换的方法setImageMatrix(Matrix matrix);才会生效。

接着我们在xml中配置ImageView

<com.example.administrator.imagetest.MyImageView
        android:id="@+id/iv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/test" />

问题来了,图片太大显示不全,而且位于控件的左上角。我想让他像微信一样,自动调整到控件中心点,并且等比例缩放到一个屏幕放的下。这时我们就要在控件图像被绘制出来的时候,调整图片大小和位置

实现implements ScaleGestureDetector.OnScaleGestureListener接口

    /**
     * 控件被加载到窗口时,监听View变化
     */
    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            getViewTreeObserver().addOnGlobalLayoutListener(this);
        }
    }

    /**
     * 控件被销毁时,关闭监听
     */
    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            getViewTreeObserver().removeOnGlobalLayoutListener(this);
        }
    }

初始化图片大小和位置:

    /**
     * 当View发生改变的时候,会调用这个监听,可能多次调用,所以要加判断
     */
    @Override
    public void onGlo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值