Android 抽屉菜单滑动时模糊背景 | 毛玻璃效果

2024-02-28 10:08

本文主要是介绍Android 抽屉菜单滑动时模糊背景 | 毛玻璃效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

先来看看要实现的效果图

简单的分析一下: 
1⃣️一开始我一直以为抽屉菜单的背景是一张半透明的高斯模糊图片,一直尝试着用ps做一张然后发现并没有什么卵用(纯色背景或者图片是无法做高斯模糊的); 
2⃣️抽屉背景直接是首页模糊好的图片这样做的话在你滑动的时候你会发现效果更这个完全不一样。 
3⃣️最后想到的也就是现在实现了这个效果的方案:当在滑动抽屉菜单的时候根据抽屉菜单露出的矩形大小,去已经模糊好的背景图片上进行裁剪对应大小(所以这里需要准备好两张图,原图和经过高斯模糊的图片)然后将裁剪到的图片设置为背景即可。

首先要获取到抽屉菜单打开的高度

@Override
public void onTranslating(int gravity, float translation, float fraction) {//translation则为打开的高度clipImage(Math.round(translation));
}

根据打开的高度进行裁剪图片

  • 这里先说下Android中Bitmap的裁剪Api
  • 第一个参数:需要裁剪的图片
  • 第二个参数:左上角x坐标
  • 第三个参数:左上角y坐标
  • 第四个参数:需要裁剪的宽度
  • 第五个参数:需要裁剪的高度
Bitmap clipBitmap = Bitmap.createBitmap(drawerBitmap, 0, y - height, drawerBitmap.getWidth(), height);

这里需要注意的是:我们裁剪图片是要从图片底部向上裁剪 
也就是说当抽屉菜单打开的高度为100时,后面四个参数就应该依次为:0,抽屉菜单打开的高度 - 100,抽屉菜单的宽度,100;

/*** 裁剪模糊好的图片** @param height 抽屉菜单打开的高度*/
private void clipImage(int height) {if (height <= 0) {return;}//从资源文件中加载模糊好的图片if (drawerBitmap == null) {drawerBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_main_one_blur);}//抽屉打开的高度int y = container.getHeight();//对模糊的图片进行裁剪,从底部往上裁剪Bitmap clipBitmap = Bitmap.createBitmap(drawerBitmap, 0, y - height, drawerBitmap.getWidth(), height);// 设置抽屉背景if (Build.VERSION.SDK_INT < 16) {drawerBackground.setBackgroundDrawable(new BitmapDrawable(getResources(), clipBitmap));} else {drawerBackground.setBackground(new BitmapDrawable(getResources(), clipBitmap));}
}

这里在设置抽屉背景的时候也还有个问题,当你将裁剪的图片设置为背景时图片会拉伸(因为你的图片肯定只会小于或等于原图的高度);所以在设置背景的时候在抽屉菜单的布局中新增加一个ImageView让它的高度为wrap_content这样图片就不会拉伸了也是正好要的效果

  • 抽屉布局代码
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><ImageViewandroid:id="@+id/iv_bg"android:layout_width="match_parent"android:layout_height="wrap_content" /><ImageViewandroid:id="@+id/iv_arrow"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_marginTop="16dp"android:background="@drawable/ic_arrow_top"android:visibility="invisible" /><android.support.v7.widget.RecyclerViewandroid:id="@+id/rv_all"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_centerInParent="true"android:overScrollMode="never"android:paddingVertical="60dp" />
</RelativeLayout>

这篇关于Android 抽屉菜单滑动时模糊背景 | 毛玻璃效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/755173

相关文章

禁止平板,iPad长按弹出默认菜单事件

通过监控按下抬起时间差来禁止弹出事件,把以下代码写在要禁止的页面的页面加载事件里面即可     var date;document.addEventListener('touchstart', event => {date = new Date().getTime();});document.addEventListener('touchend', event => {if (new

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

Android平台播放RTSP流的几种方案探究(VLC VS ExoPlayer VS SmartPlayer)

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候,不知道如何选的好,本文针对常用的方案,做个大概的说明: 1. 使用VLC for Android VLC Media Player(VLC多媒体播放器),最初命名为VideoLAN客户端,是VideoLAN品牌产品,是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影

防近视护眼台灯什么牌子好?五款防近视效果好的护眼台灯推荐

在家里,灯具是属于离不开的家具,每个大大小小的地方都需要的照亮,所以一盏好灯是必不可少的,每个发挥着作用。而护眼台灯就起了一个保护眼睛,预防近视的作用。可以保护我们在学习,阅读的时候提供一个合适的光线环境,保护我们的眼睛。防近视护眼台灯什么牌子好?那我们怎么选择一个优秀的护眼台灯也是很重要,才能起到最大的护眼效果。下面五款防近视效果好的护眼台灯推荐: 一:六个推荐防近视效果好的护眼台灯的

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库,所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包,存

从状态管理到性能优化:全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

android应用中res目录说明

Android应用的res目录是一个特殊的项目,该项目里存放了Android应用所用的全部资源,包括图片、字符串、颜色、尺寸、样式等,类似于web开发中的public目录,js、css、image、style。。。。 Android按照约定,将不同的资源放在不同的文件夹中,这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小,以视图的内容或尺寸为基础的布局,比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样,从字面上的意思match_parent更贴切一些,于是从2.2开始,两个属性都可以使用,但2.3版本以后的建议使

Windows如何添加右键新建菜单

Windows如何添加右键新建菜单 文章目录 Windows如何添加右键新建菜单实验环境缘起以新建`.md`文件为例第一步第二步第三步 总结 实验环境 Windows7 缘起 因为我习惯用 Markdown 格式写文本,每次新建一个.txt后都要手动修改为.md,真的麻烦。如何在右键新建菜单中添加.md选项呢? 网上有很多方法,这些方法我都尝试了,要么太麻烦,要么不凑效