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

相关文章

笔记本电脑屏幕模糊?6招恢复屏幕清晰!

在数字化时代的浪潮中,笔记本电脑已成为我们生活、学习和工作中不可或缺的一部分。然而,当那曾经清晰明亮的屏幕逐渐变得模糊不清时,无疑给我们的使用体验蒙上了一层阴影。屏幕模糊不仅影响视觉舒适度,更可能对我们的工作效率和眼睛健康构成威胁。 遇到笔记本电脑屏幕模糊的情况时我们应该如何解决?本文将与大家分享6个简单易懂的解决方法。 方法一:调整Windows分辨率 电脑屏幕模糊显示不清晰怎

Eclipse+ADT与Android Studio开发的区别

下文的EA指Eclipse+ADT,AS就是指Android Studio。 就编写界面布局来说AS可以边开发边预览(所见即所得,以及多个屏幕预览),这个优势比较大。AS运行时占的内存比EA的要小。AS创建项目时要创建gradle项目框架,so,创建项目时AS比较慢。android studio基于gradle构建项目,你无法同时集中管理和维护多个项目的源码,而eclipse ADT可以同时打开

android 免费短信验证功能

没有太复杂的使用的话,功能实现比较简单粗暴。 在www.mob.com网站中可以申请使用免费短信验证功能。 步骤: 1.注册登录。 2.选择“短信验证码SDK” 3.下载对应的sdk包,我这是选studio的。 4.从头像那进入后台并创建短信验证应用,获取到key跟secret 5.根据技术文档操作(initSDK方法写在setContentView上面) 6.关键:在有用到的Mo

android一键分享功能部分实现

为什么叫做部分实现呢,其实是我只实现一部分的分享。如新浪微博,那还有没去实现的是微信分享。还有一部分奇怪的问题:我QQ分享跟QQ空间的分享功能,我都没配置key那些都是原本集成就有的key也可以实现分享,谁清楚的麻烦详解下。 实现分享功能我们可以去www.mob.com这个网站集成。免费的,而且还有短信验证功能。等这分享研究完后就研究下短信验证功能。 开始实现步骤(新浪分享,以下是本人自己实现

Android我的二维码扫描功能发展史(完整)

最近在研究下二维码扫描功能,跟据从网上查阅的资料到自己勉强已实现扫描功能来一一介绍我的二维码扫描功能实现的发展历程: 首页通过网络搜索发现做android二维码扫描功能看去都是基于google的ZXing项目开发。 2、搜索怎么使用ZXing实现自己的二维码扫描:从网上下载ZXing-2.2.zip以及core-2.2-source.jar文件,分别解压两个文件。然后把.jar解压出来的整个c

android 带与不带logo的二维码生成

该代码基于ZXing项目,这个网上能下载得到。 定义的控件以及属性: public static final int SCAN_CODE = 1;private ImageView iv;private EditText et;private Button qr_btn,add_logo;private Bitmap logo,bitmap,bmp; //logo图标private st

Android多线程下载见解

通过for循环开启N个线程,这是多线程,但每次循环都new一个线程肯定很耗内存的。那可以改用线程池来。 就以我个人对多线程下载的理解是开启一个线程后: 1.通过HttpUrlConnection对象获取要下载文件的总长度 2.通过RandomAccessFile流对象在本地创建一个跟远程文件长度一样大小的空文件。 3.通过文件总长度/线程个数=得到每个线程大概要下载的量(线程块大小)。

以canvas方式绘制粒子背景效果,感觉还可以

这个是看到项目中别人写好的,感觉这种写法效果还可以,就存留记录下 就是这种的背景效果。如果想改背景颜色可以通过canvas.js文件中的fillStyle值改。 附上demo下载地址。 https://download.csdn.net/download/u012138137/11249872

echarts省份标注加散点效果

这个是安徽的效果图,鼠标移到红色标注或者对应的市区位置都会显示对应的数值。 先直接上代码: import anhuiMapJson from './anhui.json'getCoords: function(city) {var res = [];if (city != null) {for (var c in this.cityMap.features) {if (this.cityMa

时间服务器中,适用于国内的 NTP 服务器地址,可用于时间同步或 Android 加速 GPS 定位

NTP 是什么?   NTP 是网络时间协议(Network Time Protocol),它用来同步网络设备【如计算机、手机】的时间的协议。 NTP 实现什么目的?   目的很简单,就是为了提供准确时间。因为我们的手表、设备等,经常会时间跑着跑着就有误差,或快或慢的少几秒,时间长了甚至误差过分钟。 NTP 服务器列表 最常见、熟知的就是 www.pool.ntp.org/zo