自定义控件(7)---BlurMaskFilter边界阴影

2024-08-31 23:32

本文主要是介绍自定义控件(7)---BlurMaskFilter边界阴影,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Android中的很多自带控件都有类似软阴影的效果,比如说Button,使用BlurMaskFilter就可以得到类似的效果


activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#FFFFFF"android:orientation="vertical" ><com.aigestudio.customviewdemo.views.MaskFilterViewandroid:layout_width="match_parent"android:layout_height="match_parent" /></LinearLayout>

MeasureUtil

package com.aigestudio.customviewdemo.utils;import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.util.DisplayMetrics;public final class MeasureUtil {public static int[] getScreenSize(Activity activity) {DisplayMetrics metrics = new DisplayMetrics();activity.getWindowManager().getDefaultDisplay().getMetrics(metrics);return new int[] { metrics.widthPixels, metrics.heightPixels };}}

MainActivity

package com.aigestudio.customviewdemo.activities;import android.app.Activity;
import android.os.Bundle;import com.aigestudio.customviewdemo.R;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}
}

MaskFilterView

package com.aigestudio.customviewdemo.views;import android.app.Activity;
import android.content.Context;
import android.graphics.BlurMaskFilter;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;import com.aigestudio.customviewdemo.utils.MeasureUtil;public class MaskFilterView extends View {private static final int RECT_SIZE = 800;private Paint mPaint;// 画笔private Context mContext;// 上下文环境引用private int left, top, right, bottom;//public MaskFilterView(Context context) {this(context, null);}public MaskFilterView(Context context, AttributeSet attrs) {super(context, attrs);mContext = context;// 初始化画笔initPaint();// 初始化资源initRes(context);/*** 如果可以只针对某个View关闭硬件加速那岂不是很好么?当然,Android也给我们提供了这样的功能,我们可以在View中通过*/setLayerType(LAYER_TYPE_SOFTWARE, null);}/*** 初始化画笔*/private void initPaint() {// 实例化画笔mPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);mPaint.setStyle(Paint.Style.FILL);mPaint.setColor(0xFF603811);/*** radius很容易理解,值越大我们的阴影越扩散* SOLID,其效果就是在图像的Alpha边界外产生一层与Paint颜色一致的阴影效果而不影响图像本身* NORMAL会将整个图像模糊掉* OUTER会在Alpha边界外产生一层阴影且会将原本的图像变透明* INNER则会在图像内部产生模糊*/mPaint.setMaskFilter(new BlurMaskFilter(20, BlurMaskFilter.Blur.SOLID));}/*** 初始化资源*/private void initRes(Context context) {/** 计算位图绘制时左上角的坐标使其位于屏幕中心*/left = MeasureUtil.getScreenSize((Activity) mContext)[0] / 2- RECT_SIZE / 2;top = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2 - RECT_SIZE/ 2;right = MeasureUtil.getScreenSize((Activity) mContext)[0] / 2+ RECT_SIZE / 2;bottom = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2+ RECT_SIZE / 2;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);canvas.drawColor(Color.GRAY);// 画一个矩形//(float left, float top, float right, float bottom, Paint paint)canvas.drawRect(left, top, right, bottom, mPaint);}
}

或者下面的方法也可以实现

package com.aigestudio.customviewdemo.views;import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.view.View;import com.aigestudio.customviewdemo.utils.MeasureUtil;@SuppressLint("NewApi")
public class ShadowView extends View {private static final int RECT_SIZE = 800;// 方形大小private Paint mPaint;// 画笔private int left, top, right, bottom;// 绘制时坐标public ShadowView(Context context, AttributeSet attrs) {super(context, attrs);// setShadowLayer不支持HWsetLayerType(LAYER_TYPE_SOFTWARE, null);// 初始化画笔initPaint();// 初始化资源initRes(context);}/*** 初始化画笔*/private void initPaint() {// 实例化画笔mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);mPaint.setColor(Color.RED);mPaint.setStyle(Style.FILL);//radius表示阴影的扩散半径,而dx和dy表示阴影平面上的偏移值,shadowColor就不说了阴影颜色mPaint.setShadowLayer(60, 3, 3, Color.DKGRAY);}/*** 初始化资源*/private void initRes(Context context) {/** 计算位图绘制时左上角的坐标使其位于屏幕中心*/left = MeasureUtil.getScreenSize((Activity) context)[0] / 2 - RECT_SIZE/ 2;top = MeasureUtil.getScreenSize((Activity) context)[1] / 2 - RECT_SIZE/ 2;right = MeasureUtil.getScreenSize((Activity) context)[0] / 2+ RECT_SIZE / 2;bottom = MeasureUtil.getScreenSize((Activity) context)[1] / 2+ RECT_SIZE / 2;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);// 先绘制位图canvas.drawRect(left, top, right, bottom, mPaint);}
}


如上所说BlurMaskFilter是根据Alpha通道的边界来计算模糊的,如果是一张图片(注:上面我们说过Android会把拷贝到资源目录的图片转为RGB565,具体原因具体分析我会单独开一篇帖子说,这里就先假设所有提及的图片格式为RGB565)你会发现没有任何效果,那么假使我们需要给图片加一个类似阴影的效果该如何做呢?其实很简单,我们可以尝试从Bitmap中获取其Alpha通道,并在绘制Bitmap前先以该Alpha通道绘制一个模糊效果不就行了?

如下面代码所示我们通过Bitmap的extractAlpha()方法从原图中分离出一个Alpha通道位图并在计算模糊滤镜的时候使用该位图生成模糊效果:

BlurMaskFilterView

package com.aigestudio.customviewdemo.views;import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BlurMaskFilter;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;import com.aigestudio.customviewdemo.R;
import com.aigestudio.customviewdemo.utils.MeasureUtil;public class BlurMaskFilterView extends View {private Paint shadowPaint;// 画笔private Context mContext;// 上下文环境引用private Bitmap srcBitmap, shadowBitmap;// 位图和阴影位图private int x, y;// 位图绘制时左上角的起点坐标public BlurMaskFilterView(Context context) {this(context, null);}public BlurMaskFilterView(Context context, AttributeSet attrs) {super(context, attrs);mContext = context;// 记得设置模式为SOFTWAREsetLayerType(LAYER_TYPE_SOFTWARE, null);// 初始化画笔initPaint();// 初始化资源initRes(context);}/*** 初始化画笔*/private void initPaint() {// 实例化画笔shadowPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);shadowPaint.setColor(Color.DKGRAY);//outer solid normal 都可以  但是inner不行shadowPaint.setMaskFilter(new BlurMaskFilter(10, BlurMaskFilter.Blur.NORMAL));}/*** 初始化资源*/private void initRes(Context context) {// 获取位图srcBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.a);// 获取位图的Alpha通道图shadowBitmap = srcBitmap.extractAlpha();/** 计算位图绘制时左上角的坐标使其位于屏幕中心*/x = MeasureUtil.getScreenSize((Activity) mContext)[0] / 2 - srcBitmap.getWidth() / 2;y = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2 - srcBitmap.getHeight() / 2;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);// 先绘制阴影canvas.drawBitmap(shadowBitmap, x, y, shadowPaint);// 再绘制位图canvas.drawBitmap(srcBitmap, x, y, null);}
}


这篇关于自定义控件(7)---BlurMaskFilter边界阴影的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1125306

相关文章

如何自定义Nginx JSON日志格式配置

《如何自定义NginxJSON日志格式配置》Nginx作为最流行的Web服务器之一,其灵活的日志配置能力允许我们根据需求定制日志格式,本文将详细介绍如何配置Nginx以JSON格式记录访问日志,这种... 目录前言为什么选择jsON格式日志?配置步骤详解1. 安装Nginx服务2. 自定义JSON日志格式各

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

基于Spring实现自定义错误信息返回详解

《基于Spring实现自定义错误信息返回详解》这篇文章主要为大家详细介绍了如何基于Spring实现自定义错误信息返回效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录背景目标实现产出背景Spring 提供了 @RestConChina编程trollerAdvice 用来实现 HTT

SpringSecurity 认证、注销、权限控制功能(注销、记住密码、自定义登入页)

《SpringSecurity认证、注销、权限控制功能(注销、记住密码、自定义登入页)》SpringSecurity是一个强大的Java框架,用于保护应用程序的安全性,它提供了一套全面的安全解决方案... 目录简介认识Spring Security“认证”(Authentication)“授权” (Auth

SpringBoot自定义注解如何解决公共字段填充问题

《SpringBoot自定义注解如何解决公共字段填充问题》本文介绍了在系统开发中,如何使用AOP切面编程实现公共字段自动填充的功能,从而简化代码,通过自定义注解和切面类,可以统一处理创建时间和修改时间... 目录1.1 问题分析1.2 实现思路1.3 代码开发1.3.1 步骤一1.3.2 步骤二1.3.3

dubbo3 filter(过滤器)如何自定义过滤器

《dubbo3filter(过滤器)如何自定义过滤器》dubbo3filter(过滤器)类似于javaweb中的filter和springmvc中的intercaptor,用于在请求发送前或到达前进... 目录dubbo3 filter(过滤器)简介dubbo 过滤器运行时机自定义 filter第一种 @A

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

C#实现WinForm控件焦点的获取与失去

《C#实现WinForm控件焦点的获取与失去》在一个数据输入表单中,当用户从一个文本框切换到另一个文本框时,需要准确地判断焦点的转移,以便进行数据验证、提示信息显示等操作,本文将探讨Winform控件... 目录前言获取焦点改变TabIndex属性值调用Focus方法失去焦点总结最后前言在一个数据输入表单

SpringBoot 自定义消息转换器使用详解

《SpringBoot自定义消息转换器使用详解》本文详细介绍了SpringBoot消息转换器的知识,并通过案例操作演示了如何进行自定义消息转换器的定制开发和使用,感兴趣的朋友一起看看吧... 目录一、前言二、SpringBoot 内容协商介绍2.1 什么是内容协商2.2 内容协商机制深入理解2.2.1 内容

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06