android 仿iphoneX上滑退出应用动画(三)

最新推荐文章于 2022-12-19 00:30:00 发布
最新推荐文章于 2022-12-19 00:30:00 发布
阅读量2.1k 收藏 1
点赞数 1
分类专栏： android 开发 文章标签： android iphoneX
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cuckoochun/article/details/78126709
版权

上篇android 仿iphoneX上滑退出应用动画(二)已经说明将滑动条添加上去了，该篇给该滑动条添加滑动监听。

在添加的时候可以看到这句：

mSlideView.setOnTouchListener(setOnTouchSlideListener);


用isGoing和isAnimationBackOver来防止过快点击滑动条造成的程序紊乱，用VelocityTracker获取速度值来判断手指滑动停顿(速度为0)，


AnimatorSet mScreenshotAnimation;
    ValueAnimator oneAnimation;
    ValueAnimator twoAnimation ;
    float mScaleX,mScaleY;
    ImageView mBackgroundIv,mIv;
    boolean isOpenRecents = false;
    long firstTime=0;
    boolean isAnimationBackOver = true;
    private boolean isGoing = false;
    private  VelocityTracker  vt=null;
    private boolean isUpOrDownSlide;
    private int widthPixels,heightPixels;
    private View.OnTouchListener setOnTouchSlideListener = new View.OnTouchListener(){

        @Override
        public boolean onTouch(View view, MotionEvent ev) {
            final int action = ev.getAction();
            switch (action){
                case MotionEvent.ACTION_DOWN:
                    long timeNow = System.currentTimeMillis();
                    if(timeNow-firstTime>500){
                        isGoing = true;
                    }else{
                        isGoing = false;
                    }
                    firstTime = timeNow;
                    if(isGoing&&isAnimationBackOver) {
                        WindowManager mWindowManager1 = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);
                        Display mDisplay = mWindowManager1.getDefaultDisplay();
                        DisplayMetrics mDisplayMetrics = new DisplayMetrics();
                        mDisplay.getRealMetrics(mDisplayMetrics);
                        Matrix mDisplayMatrix = new Matrix();
                        float[] dims = {mDisplayMetrics.widthPixels, mDisplayMetrics.heightPixels};
                        widthPixels = (int) dims[0];
                        heightPixels = (int) dims[1];
                        if (!topAppClassName.equals("com.android.systemui.recents.RecentsActivity") && !getTopActivityPackageName().equals("com.mediatek.oobe")/*&&!isInLockScreen()*/ && !topAppPackageName.equals("com.hskj.hometest")) {

                        if (vt == null) {
                            //初始化velocityTracker的对象 vt 用来监测motionevent的动作
                            vt = VelocityTracker.obtain();
                        } else {
                            vt.clear();
                        }
                        vt.addMovement(ev);

                        Bitmap mmmBitmap = takeScreenshot();
                        Bitmap mmBitmap = Bitmap.createBitmap(mmmBitmap, 0, statusBarHeight, widthPixels, heightPixels
                                - statusBarHeight);
                        Bitmap mBitmap = getRoundedCornerBitmap(mmBitmap,50f);

                        mBackgroundIv = new ImageView(mContext);

                        BitmapDrawable bitmapDrawable = new BitmapDrawable(mContext.getResources(),
                                "/data/blur_wallpaper.png");
                        mBackgroundIv.setBackground(bitmapDrawable/*BitmapUtils.scaleBitmap(*//*BitmapUtils.getBlurWallpaper(mContext)*//*mmmbitmap,0.5f)*/);
                        mBackgroundIv.setAlpha(0f);
						mBackgroundIv.setScaleX(1.01f);
                        mIv = new ImageView(mContext);
                        mIv.setImageBitmap(BitmapUtils.scaleBitmap(mBitmap,0.5f));
                        final int flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
                                | WindowManager.LayoutParams.FLAG_TOUCHABLE_WHEN_WAKING
                                | WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH
                                | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
                                | WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS;
                        final WindowManager.LayoutParams lp = new WindowManager.LayoutParams(
                                ViewGroup.LayoutParams.MATCH_PARENT,
                                ViewGroup.LayoutParams.MATCH_PARENT,
                                WindowManager.LayoutParams.TYPE_STATUS_BAR_PANEL,
                                flags,
                                PixelFormat.TRANSLUCENT);
                        lp.flags |= WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED;
                        lp.gravity = Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL;

                        if (getTopActivityPackageName() != "com.hskj.hometest") {
                            if(mBackgroundIv.getParent()==null) {
                                mWindowManager.addView(mBackgroundIv, lp);
                            }
                            if(mIv.getParent()==null) {
                                mWindowManager.addView(mIv, lp);
                            }
                        }
                        mScreenshotAnimation = new AnimatorSet();
                        oneAnimation = createOneAnimation();
                        twoAnimation = createTwoAnimation();
                        mScreenshotAnimation.playSequentially(oneAnimation,twoAnimation);
                        mScreenshotAnimation.setDuration(120);
                         new Handler().postDelayed(new Runnable() {
                                                         @Override
                                                         public void run() {
                                                             mBackgroundIv.setAlpha(1f);
                                                         }
                                                     },100);

                        }
                    }

                    break;
                case MotionEvent.ACTION_MOVE:
                    /*begin add by csc for slide*/
                    if(isGoing&&isAnimationBackOver&&mIv!=null&&!topAppClassName.equals("com.android.systemui.recents.RecentsActivity")&&!getTopActivityPackageName().equals("com.mediatek.oobe")/*&&!isInLockScreen()*/) {
                        if (vt != null) {
                            vt.addMovement(ev);
                            vt.computeCurrentVelocity(1000);
                        }
                        int dy = (int) (ev.getRawY() - mLastY);


                        if (dy < 0) {//down
                            isUpOrDownSlide = false;
                        } else if (dy > 0) {//up
                            isUpOrDownSlide = true;
                        }
                        long instanceY = (int) (ev.getRawY());
                        if(DEBUG)Log.d("chenshichun"," "+this.getClass().getCanonicalName()+" ::::::1instanceY:::"+instanceY);
                        DecimalFormat df = new DecimalFormat("0.00");
                        if (instanceY != 0) {
                         /*instanceY<0*/
                            if (-instanceY < 500&&mIv.getScaleX()>=0.5) {
                                mIv.setScaleX(1 - (float) 0.001 * (heightPixels-instanceY));
                                mIv.setScaleY(1 - (float) 0.001 * (heightPixels-instanceY));
                            }
                        }
                        mLastY = ev.getRawY();
//                if(DEBUG)Log.d("chenshichun"," "+this.getClass().getCanonicalName()+" :::::::vt.getYVelocity::"+ vt.getYVelocity()+":::::::dy::"+dy +"  ::::instanceY:: "+instanceY);
                        if (vt != null) {
                            if (!isOpenRecents && dy == 0 && vt.getYVelocity() < 0.1 && instanceY < heightPixels-200) { // open recents
                                Intent showRecentsIntent = new Intent("OPEN_RECENTS_ACTIVITY");
                                mContext.sendBroadcast(showRecentsIntent);

                                if(!topAppPackageName.equals("com.hskj.hometest")) {
                                    new Handler().postDelayed(new Runnable() {
                                        @Override
                                        public void run() {
                                            mBackgroundIv.setScaleX(0f);
                                            mBackgroundIv.setScaleY(0f);
                                            mBackgroundIv.setAlpha(1f);
                                            mIv.setAlpha(1f);
                                            mWindowManager.removeView(mBackgroundIv);
                                            mWindowManager.removeView(mIv);
                                        }
                                    }, 200);
                                }
                                isOpenRecents = true;                               

                            }
                        }
                    }
                /*end add by csc for slide*/
                    break;
                case MotionEvent.ACTION_UP:
				case MotionEvent.ACTION_CANCEL://added by lzp 
                    /*if(!isInLockScreen()){*/
                    if(isGoing&&isAnimationBackOver) {
                        if (topAppPackageName.equals("com.hskj.hometest")) {
                            if (!isOpenRecents) {
                                Intent showLuncherIntent = new Intent("CLOSE_APP_TO_LUNCHER");
                                mContext.sendBroadcast(showLuncherIntent);
                                isOpenRecents = false;
                            }
                        } else if (getTopActivityPackageName().equals("com.mediatek.oobe")) {
                            Intent showLuncherIntent = new Intent("CLOSE_APP_TO_LUNCHER");
                            mContext.sendBroadcast(showLuncherIntent);
                        } else {
                            if (topAppClassName.equals("com.android.systemui.recents.RecentsActivity")) {
                                if (!isOpenRecents) {
                                    Intent showLuncherIntent = new Intent("CLOSE_APP_TO_LUNCHER");
                                    mContext.sendBroadcast(showLuncherIntent);
                                    isOpenRecents = false;
                                } else {
                                    isOpenRecents = false;
                                }
                            } else {
                                if (mIv != null) {
                                    if (!isOpenRecents) {
                                        if (!isUpOrDownSlide) {// up
                                            mScaleX = mIv.getScaleX();
                                            mScaleY = mIv.getScaleY();
                                            mScreenshotAnimation.start();
                                            Intent showLuncherIntent = new Intent("CLOSE_APP_TO_LUNCHER");
                                            mContext.sendBroadcast(showLuncherIntent);
                                        } else {// down
                                            startAnimatorBack(mIv);
                                        }
                                    } else {
                                        if (mIv != null && mIv.getParent() != null) {
                                            mWindowManager.removeView(mIv);
                                        }

                                        if (mBackgroundIv != null && mBackgroundIv.getParent() != null) {
                                            mWindowManager.removeView(mBackgroundIv);
                                        }
                                    }
                                } else {

                            }
                        }
                        }
                    /*}else{
                        // do noting
                    }*/

                    }
                    break;
            }
            return false;
        }
    };


其中，该方法是将图片处理为圆角

public static Bitmap getRoundedCornerBitmap(Bitmap bitmap,float roundPx){

        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap
                .getHeight(), Config.ARGB_8888);
        Canvas canvas = new Canvas(output);

        final int color = 0xff424242;
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
        final RectF rectF = new RectF(rect);

        paint.setAntiAlias(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(color);
        canvas.drawRoundRect(rectF, roundPx, roundPx, paint);

        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);

        return output;
    }


动画：

    private ValueAnimator createOneAnimation() {
        ValueAnimator anim = ValueAnimator.ofFloat(0f, 1f);
//        anim.setDuration(200);
        anim.setInterpolator(new AccelerateInterpolator());
        anim.addListener(new AnimatorListenerAdapter() {

            @Override
            public void onAnimationStart(Animator arg0) {
                isAnimationBackOver = false;
            }

            @Override
            public void onAnimationRepeat(Animator arg0) {

            }

            @Override
            public void onAnimationEnd(Animator arg0) {
                Intent showLuncherIntent = new Intent("CLOSE_APP_TO_LUNCHER");
                mContext.sendBroadcast(showLuncherIntent);
            }

            @Override
            public void onAnimationCancel(Animator arg0) {

            }
        });
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

            @Override
            public void onAnimationUpdate(ValueAnimator arg0) {
                float t = (Float) arg0.getAnimatedValue();
                    mIv.setScaleX(mScaleX- (mScaleX-0.5f)*t);
                    mIv.setScaleY(mScaleY- (mScaleY-0.5f)*t);
            }
        });
        return anim;
    }

    float mPointX,mPointY;
    private ValueAnimator createTwoAnimation() {
        ValueAnimator anim = ValueAnimator.ofFloat(0f, 0.5f);
//        anim.setDuration(200);
        anim.setInterpolator(new AccelerateInterpolator());
        anim.addListener(new AnimatorListenerAdapter() {

            @Override
            public void onAnimationStart(Animator arg0) {
                mPointX = Settings.Global.getFloat(mContext.getContentResolver(), "launcher_x", 0f);
                mPointY = Settings.Global.getFloat(mContext.getContentResolver(), "launcher_y", 0f);
            }

            @Override
            public void onAnimationRepeat(Animator arg0) {

            }

            @Override
            public void onAnimationEnd(Animator arg0) {
                mBackgroundIv.setAlpha(1f);
                mIv.setAlpha(1f);
                mBackgroundIv.setScaleX(0f);
                mBackgroundIv.setScaleY(0f);
                isOpenRecents = false;
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        mWindowManager.removeView(mBackgroundIv);
                        mWindowManager.removeView(mIv);
                        isAnimationBackOver = true;
                    }
                },500);
            }

            @Override
            public void onAnimationCancel(Animator arg0) {

            }
        });

        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

            @Override
            public void onAnimationUpdate(ValueAnimator arg0) {
                float t = (Float) arg0.getAnimatedValue();
                    mIv.setScaleX(0.5f - t);
                    mIv.setScaleY(0.5f - t);
                    mIv.setPivotX(t*(mPointX-widthPixels/2)/0.5f+widthPixels/2);
                    mIv.setPivotY(t*(mPointY-heightPixels/2)/0.5f+heightPixels/2);
            }
        });
        return anim;
    }

    private void startAnimatorBack(ImageView mImageView) {
        //透明动画
        AnimatorSet set = new AnimatorSet();
        ObjectAnimator animatorX = ObjectAnimator.ofFloat(mImageView, "scaleX", mIv.getScaleX(), 1f);
        ObjectAnimator animatorY = ObjectAnimator.ofFloat(mImageView, "scaleY", mIv.getScaleX(), 1f);
        set.playTogether(animatorX, animatorY);
        set.setInterpolator(new AccelerateInterpolator());
        set.setDuration(100);
        //为动画设置监听
        set.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {
                isAnimationBackOver = false;
            }

            @Override
            public void onAnimationEnd(Animator animator) {
                mWindowManager.removeView(mBackgroundIv);
                mWindowManager.removeView(mIv);
                isAnimationBackOver = true;
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });
        set.start();

    }



cuckoochun
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android编程仿Iphone拖动相片特效Gallery的简单应用示例
09-01
主要介绍了Android编程仿Iphone拖动相片特效Gallery的简单应用,结合实例形式分析了Android图形拖动特效的实现步骤与相关操作技巧,需要的朋友可以参考下
实现仿微信上划取消，由详细代码说明
11-08
实现仿微信上划取消，由详细代码说明 [注意：本资源来自网络，如有侵权，请联系我删除，谢谢。]
ios-仿照AppStore首页跳转过渡动画.zip
07-11
仿照AppStore首页跳转过渡动画，尚未完善，大佬多多指教。
android 仿IOS上滑打开工具栏，右滑退出返回上一个界面
qq_34694875的博客
07-01 648
android的工具栏是下滑打开，IOS的是上滑打开，项目有个需求要上滑打开工具栏。android下滑打开工具栏是根据手势判断，既然能判断下滑就能判断上滑，然后就到代码中找。 之前有修改过下拉栏的bug，滑动事件在frameworks/base/packages/SystemUI/src/com/android/systemui/statusbar/phone/PanelView.java中，但是这里只能监听下滑过程中滑动事件，只能继续找。 android界面是显示在window中，window的管理是
Android---Window&WindowManager
Sin的博客
03-29 327
Window 算是 Activity 与 View 之间的一个媒介，从 View 的事件分发中我们可以知道，事件是由硬件捕获，通过 WMS 经过 IPC 过程传递给 Activity， Activitiy 利用属于自身的 Window 将事件传递给顶级 View ...
android 仿iphoneX上滑退出应用动画(一)
cuckoochun的专栏
09-25 5139
最近工作上要做一个类似iphoneX上滑退出应用和进入后台的实现，具体效果参照iphoneX发布会 首先明确动画效果，应用退出的时候先缩小到中间在往应用图标所在位置缩小至看不见。 思路： 1.要在屏幕下方添加一个可见的滑动条 2.在经过一系列尝试之后没法把整个应用进行动画，退而求其次将当前页面截图进行动画 3.第一个动画以屏幕中心点为中心点进行缩放，第二个动画以应用位置作为中心点进行
android 仿iphoneX上滑退出应用动画(二)
cuckoochun的专栏
09-28 2066
上文android 仿iphoneX上滑退出应用动画(一)已经说了思路和解决思想，这里对代码进行实现。 先明确，锁屏界面，通知栏和工具栏下滑界面是不需要滑动条的，launcher界面需要一个透明的滑动条，其他界面根据背景色确定需要白色还是黑色的滑动条。 监听到广播top_activity_changes，说明activity有变化 // add by csc for slide if
android控件之间的过渡动画效果,一款安卓非线性动画插件，仿苹果ios过渡动画效果...
weixin_31940835的博客
05-25 7500
IOS的全局非线性动画过渡流畅自然，虽然现在很多安卓手机都用上了非线性动画，但安卓过渡动画达到ios效果还是差点味道，所以下面为大家分享一款安卓非线性动画插件的软件，提升手机动画的流畅度。相信用过苹果和安卓的用户都有这样的体验，不管安卓手机配置如何动画比起iOS系统来总是差那么意思，哪怕现如今安卓还全面进入到了高刷的时代，视觉上确实流畅了不少不过部分动画依然没有自然。其实造成这种流畅感原因当然是...
android仿iOS页面切换动画
qq_35215220的博客
12-22 3692
这个效果算是不错的，比android系统自己的页面切换动画要好看点。 动画文件 zoomin.xml <set xmlns:Android="http://schemas.android.com/apk/res/android" Android:interpolator="@android:anim/decelerate_interpolator"> <scale Andro
Android 10.0 Launcher3仿ios长按app图标实现抖动动画开始拖拽停止动画
安卓兼职framework和app工程师的博客
12-19 1052
在做Launcher3定制化开发中，由于看到ios桌面在长按app图标时上下左右抖动的动画，开始拖拽停止动画觉得功能很不错，所以需求要求要在Launcher3中实现这个动画，所以就要从长按事件开始分析添加动画，判断开始拖拽以后停止动画就能满足功能需求了
Android 仿iOS实现Activity滑动关闭/返回 源码
10-10
让activity具有滑动返回的效果 类似于ios的返回方式。
Android 高仿iphone滑动解锁
06-26
Android 高仿iphone滑动解锁 代码简单 方便移植
CALayerAnimation实践（三）：iPhone经典滑动解锁动画
02-20
在很多人的心目中iPhone的经典机型应该是iPhone4，精湛的工艺、完美的屏幕配上暗色的锁屏壁纸，看着屏幕底部闪烁的slidetounlock字样，高逼格彰显无遗。时至今日无论iPhone机身样式如何改变，屏幕尺寸如何改变，iOS...
Android 源码高仿IPhone锁屏.zip项目安卓应用源码下载
03-07
Android 源码高仿IPhone锁屏.zip项目安卓应用源码下载Android 源码高仿IPhone锁屏.zip项目安卓应用源码下载 1.适合学生毕业设计研究参考 2.适合个人学习研究参考 3.适合公司开发项目技术参考
Android 仿iphone提醒事项(一)
cuckoochun的专栏
07-06 4079
最近用android仿写了一下iphone提醒事项，主要难点在第一页的动画实现。 看界面分析先将单个列表封装成一个自定义的view(ListStyleView.java)，该view布局为：list_style_item.xml , 它的里面有个listview <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/
Android 九宫格物理键盘数字英文切换
cuckoochun的专栏
12-16 3183
前几天接到个任务，让android原生的输入法支持物理按键。 一开始直接在拉丁输入法LatinIME.java类中处理，然后客户要求不能在输入法中处理，于是对InputMethodService.java进行处理。
android listview仿ios 3dTouch效果
cuckoochun的专栏
08-04 2355
最近项目上要求在listview上实现类似ios 3dTouch功能，现在网上搜索一番，发现该文章很好的实现了这个功能，于是在这文章的基础上我自己做了一个改进。效果如图所示：                                                          实现思路： 1.截取图片 // 获取屏幕照片 public static Bitmap
android listview仿iphone通讯录ios 3dTouch
cuckoochun的专栏
08-05 945
接上篇android listview仿ios 3dTouch效果，对代码进行整合进类似ios通讯录里面，效果图如下：                                、 效果如上，在上篇的内容后面跳出电话信息。 popmenu布局文件代码 <LinearLayout xmlns:android="http://schemas.android.com/apk/
仿iphone hotseat
最新发布
09-22
仿iPhone热门应用栏是一个非常流行的产品趋势，许多手机品牌已经开始推出类似的产品。仿iPhone热门应用栏是指手机系统底部的一排常用应用图标，用户可以轻松访问和切换这些应用程序。 优点： 1. 提高用户体验：仿iPhone热门应用栏将常用的应用程序放置在屏幕底部，用户可以轻松地操作和访问这些应用。这种设计提高了用户的便利性和操作效率。 2. 提升工作效率：对于经常使用特定应用程序的用户来说，将它们放在热门应用栏中可以节省寻找和打开应用的时间，提高工作效率。 3. 可定制性：用户可以根据自己的需求和喜好，在热门应用栏中添加或删除特定的应用程序。这种可定制性使得用户可以根据自己的使用习惯进行个性化设置。 缺点： 1. 屏幕空间受限：仿iPhone热门应用栏通常会占据屏幕底部的一部分空间，可能会减少用户在其他应用程序中可见的屏幕空间。这对于一些需要较大屏幕空间才能展示内容的应用程序来说可能是一个问题。 2. 可能存在兼容性问题：由于不同手机品牌和操作系统之间存在差异，仿iPhone热门应用栏可能在某些设备上无法正常运行或显示。这需要开发人员在设计和开发过程中考虑到兼容性问题。 总结： 仿iPhone热门应用栏是一种流行的设计趋势，它提供了一种方便和高效的方式来访问和切换常用应用程序。虽然它具有许多优点，但也存在一些限制和挑战，特别是在屏幕空间和设备兼容性方面。因此，在设计和实施仿iPhone热门应用栏时，需要综合考虑这些因素，并根据特定的用户需求进行定制。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值