关于安卓毛玻璃实现(二)动态毛玻璃recyclerview

上文说到,一个单独的页面实现毛玻璃

博客地址

但是目前,这种方案放在了recyclerview中,就会有性能问题了,为什么?recyclerview因为其加载数据的缓存性质,会同时加载多个view,如果所有view都在做动态毛玻璃,那性能开销可想而知。

!!!代码地址在文末!!!

环境:

1、win10 androidstudio4.4.0

2、jdk 1.8

场景:

recyclerview使用了linearlayoutmanager,pagersnaphelper分页滑动。

思路:

如果减少性能开销?有一下方法:

(一)用户滑动recyclerview的时候,暂停动态毛玻璃

(二)毛玻璃控件失去焦点的时候,暂停毛玻璃

(三)非当前页显示时,暂停毛玻璃

实现:

(一)通过定义一些对象,分别记录当前用户的滑动位置,滑动状态(滑动中,停止滑动)等。再结合毛玻璃在recyclerview中的位置,进行比对实现。核心代码如下:

            if(getmAdapterPos() == LibPicBlurDragConstant.getInstance().getDragPos()){
                if(LibPicBlurDragConstant.getInstance().isDrag()){
                    return false;
                }
            }

上面代码的意思就是,如果拖动位置和当前毛玻璃控件位置相等且拖动中,就暂停毛玻璃行为。

(二)失去监听的判断,通过以下代码即可捕获:

    @Override
    public void onWindowFocusChanged(boolean hasWindowFocus) {
        super.onWindowFocusChanged(hasWindowFocus);
        Log.d(TAG, "onWindowFocusChanged hasWindowFocus: " + hasWindowFocus + " mIdentify: " + mIdentify);
        if (hasWindowFocus) {
            setCanBlur(true);
        } else {
            setCanBlur(false);
        }
    }

(三)由于毛玻璃的位置,是通过windowlocation方法获取的,所以,只要得出离屏位置,即可得出是否在当前页面。注意!!!
调用该库中,需要自定义一个父类布局(recyclerview场景),替换为原来的Window DecoreView,因为这里涉及的是一个动态绘制显示的问题,所以要替换。核心代码如下:
离屏位置判断:

            final int[] locations = new int[2];
//            parentView.getLocationOnScreen(locations);
//            Log.d(TAG, "checkScreenLocation " + mIdentify + " parentSc: " + locations[1] + " parentHe: " + parentView.getMeasuredHeight());
            getLocationOnScreen(locations);
            int childScreenHeight = locations[1];
//            Log.d(TAG, "checkScreenLocation " + mIdentify + " childSc: " + locations[1] + " childHe: " + getMeasuredHeight());

            //离屏位置----------------------------------------------------------
            if (childScreenHeight <= 0) {
                //上一页
                return false;
            }
            if (childScreenHeight >= parentView.getMeasuredHeight()) {
                return false;
            }
            //离屏位置----------------------------------------------------------

自定义decoreview设置:

    protected View getActivityDecorView() {
        if(mCusDecorView!=null){
            return mCusDecorView;
        }
        Context ctx = getContext();
        for (int i = 0; i < 4 && !(ctx instanceof Activity) && ctx instanceof ContextWrapper; i++) {
            ctx = ((ContextWrapper) ctx).getBaseContext();
        }
        if (ctx instanceof Activity) {
            return ((Activity) ctx).getWindow().getDecorView();
        } else {
            return null;
        }
    }

    public void setmCusDecorView(View mCusDecorView) {
        this.mCusDecorView = mCusDecorView;
    }

至此,全部代码已经列出。

代码地址

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Android实现毛玻璃效果,可以使用 RenderScript 或者使用自定义 View 来实现。 1. 使用 RenderScript 实现毛玻璃效果 RenderScript 是 Android 提供的一个用于高性能计算的框架,可以方便地实现毛玻璃效果。具体实现步骤如下: 1.1 创建 RenderScript ```java RenderScript rs = RenderScript.create(context); ``` 1.2 创建输入和输出的 Allocation 对象 ```java Allocation input = Allocation.createFromBitmap(rs, bitmap); Allocation output = Allocation.createTyped(rs, input.getType()); ``` 1.3 创建一个 ScriptIntrinsicBlur 对象 ```java ScriptIntrinsicBlur script = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs)); ``` 1.4 设置模糊半径并执行模糊操作 ```java script.setRadius(radius); script.setInput(input); script.forEach(output); ``` 1.5 将输出的 Allocation 对象转换为 Bitmap ```java output.copyTo(bitmap); ``` 完整代码示例: ```java public static Bitmap blurBitmap(Context context, Bitmap bitmap, int radius) { RenderScript rs = RenderScript.create(context); Allocation input = Allocation.createFromBitmap(rs, bitmap); Allocation output = Allocation.createTyped(rs, input.getType()); ScriptIntrinsicBlur script = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs)); script.setRadius(radius); script.setInput(input); script.forEach(output); output.copyTo(bitmap); rs.destroy(); return bitmap; } ``` 2. 使用自定义 View 实现毛玻璃效果 自定义 View 实现毛玻璃效果的原理是通过对原图进行模糊处理,然后在绘制时将模糊图和原图混合显示。具体实现步骤如下: 2.1 创建 Bitmap 对象并进行模糊处理 ```java Bitmap blurBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(blurBitmap); canvas.drawBitmap(bitmap, 0, 0, null); BlurMaskFilter blurMaskFilter = new BlurMaskFilter(radius, BlurMaskFilter.Blur.NORMAL); Paint paint = new Paint(); paint.setMaskFilter(blurMaskFilter); canvas.drawBitmap(bitmap, 0, 0, paint); ``` 2.2 创建 Paint 对象并设置 Xfermode ```java Paint paint = new Paint(); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP)); ``` 2.3 在 onDraw 方法中绘制原图和模糊图 ```java canvas.drawBitmap(blurBitmap, 0, 0, paint); canvas.drawBitmap(bitmap, 0, 0, null); ``` 完整代码示例: ```java public class BlurView extends View { private Bitmap bitmap; private int radius; public BlurView(Context context) { super(context); } public BlurView(Context context, AttributeSet attrs) { super(context, attrs); } public BlurView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public void setBitmap(Bitmap bitmap) { this.bitmap = bitmap; } public void setRadius(int radius) { this.radius = radius; } @Override protected void onDraw(Canvas canvas) { if (bitmap != null) { Bitmap blurBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888); Canvas blurCanvas = new Canvas(blurBitmap); blurCanvas.drawBitmap(bitmap, 0, 0, null); BlurMaskFilter blurMaskFilter = new BlurMaskFilter(radius, BlurMaskFilter.Blur.NORMAL); Paint paint = new Paint(); paint.setMaskFilter(blurMaskFilter); blurCanvas.drawBitmap(bitmap, 0, 0, paint); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP)); canvas.drawBitmap(blurBitmap, 0, 0, paint); canvas.drawBitmap(bitmap, 0, 0, null); } } } ``` 在使用自定义 View 实现毛玻璃效果时,需要注意以下几点: - 在使用 BlurMaskFilter 进行模糊处理时,模糊半径越大,处理时间越长,性能消耗也会增加。 - 在使用 Xfermode 混合图像时,需要将模糊图放在原图的上层,否则会出现模糊效果不明显的情况。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值