热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android实现扫一扫功能之绘制指定区域透明区域

这篇文章主要给大家介绍了关于Android实现扫一扫功能之绘制指定区域透明区域的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

一、概述

在实现扫一扫的功能的时候,我们需要绘制一个中间为透明的扫码框,其余部分为半透明。通常情况下,例如微信或者支付宝的扫码框都是矩形的,如果中间的扫码框是一个矩形,那么布局是很简单的,可是如果扫码框是一个圆角矩形,或者圆形等情况怎么办呢?这篇文章主要是记录绘制一个中间透明带圆角的矩形。

按照惯例,我们先来看看效果图 :


二、按照流程我们就开始来看看代码啦

1、CustomDrawable,支持中间出现透明区域的drawable

package per.juan.scandome;

import android.graphics.Canvas;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.drawable.Drawable;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;

/**
 * 支持中间出现透明区域的drawable
 * 通过{@link #setSrcPath(Path)}设定透明区域的形状
 * Created by juan on 2018/07/20.
 */
public class CustomDrawable extends Drawable {
 private Paint srcPaint;
 private Path srcPath = new Path();

 private Drawable innerDrawable;


 public CustomDrawable(Drawable innerDrawable) {
  this.innerDrawable = innerDrawable;
  srcPath.addRect(100, 100, 200, 200, Path.Direction.CW);
  srcPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  srcPaint.setColor(0xffffffff);
 }

 /**
  * 设置内部透明的部分
  *
  * @param srcPath
  */
 public void setSrcPath(Path srcPath) {
  this.srcPath = srcPath;
 }

 @Override
 public void draw(@NonNull Canvas canvas) {
  innerDrawable.setBounds(getBounds());
  if (srcPath == null || srcPath.isEmpty()) {
   innerDrawable.draw(canvas);
  } else {
   //将绘制操作保存到新的图层,因为图像合成是很昂贵的操作,将用到硬件加速,这里将图像合成的处理放到离屏缓存中进行
   int saveCount = canvas.saveLayer(0, 0, canvas.getWidth(), canvas.getHeight(), srcPaint, Canvas.ALL_SAVE_FLAG);

   //dst 绘制目标图
   innerDrawable.draw(canvas);

   //设置混合模式
   srcPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
   //src 绘制源图
   canvas.drawPath(srcPath, srcPaint);
   //清除混合模式
   srcPaint.setXfermode(null);
   //还原画布
   canvas.restoreToCount(saveCount);
  }
 }

 @Override
 public void setAlpha(int alpha) {
  innerDrawable.setAlpha(alpha);
 }

 @Override
 public void setColorFilter(@Nullable ColorFilter colorFilter) {
  innerDrawable.setColorFilter(colorFilter);
 }

 @Override
 public int getOpacity() {
  return innerDrawable.getOpacity();
 }
}

(1)主要用到的技术是PorterDuffXfermode的PorterDuff.Mode.XOR模式

(2)核心思想是先正常绘制出整个drawable,然后将指定的区域混合成透明色

2、CustomLayout

package per.juan.scandome;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Path;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.FrameLayout;

/**
 * 根据layout中子View的位置,确定局部透明区域
 * Created by juan on 2018/07/20.
 */
public class CustomLayout extends FrameLayout {

 private Context mContext;
 private CustomDrawable background;

 public CustomLayout(@NonNull Context context) {
  super(context);
  initView(context, null, 0);
 }

 public CustomLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
  this.mCOntext=context;
  initView(context, attrs, 0);
 }

 public CustomLayout(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  initView(context, attrs, defStyleAttr);
 }

 @SuppressLint("NewApi")
 private void initView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  background = new CustomDrawable(getBackground());
  setBackground(background);
 }

 @Override
 protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
  super.onLayout(changed, left, top, right, bottom);
  resetBackgroundHoleArea();
 }

 @SuppressLint("NewApi")
 private void resetBackgroundHoleArea() {
  Path path = null;
  // 以子View为范围构造需要透明显示的区域
  View view = findViewById(R.id.iv_scan);
  if (view != null) {
   path = new Path();
   // 矩形透明区域
   path.addRoundRect(view.getLeft(), view.getTop(), view.getRight(), view.getBottom(), dp2Px(mContext,10), dp2Px(mContext,10),Path.Direction.CW);
  }
  if (path != null) {
   background.setSrcPath(path);
  }
 }

 public int dp2Px(Context context, float dp) {
  final float scale = context.getResources().getDisplayMetrics().density;
  return (int) (dp * scale + 0.5f);
 }
}

3、然后在XML布局中声明我们的自定义View

<&#63;xml version="1.0" encoding="utf-8"&#63;>

好了,本篇文章就这样了,存在不足的地方还望指导,感谢^_^

附录:

自定义Drawable之:在Drawable中部指定透明区域

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。


推荐阅读
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 【Windows】实现微信双开或多开的方法及步骤详解
    本文介绍了在Windows系统下实现微信双开或多开的方法,通过安装微信电脑版、复制微信程序启动路径、修改文本文件为bat文件等步骤,实现同时登录两个或多个微信的效果。相比于使用虚拟机的方法,本方法更简单易行,适用于任何电脑,并且不会消耗过多系统资源。详细步骤和原理解释请参考本文内容。 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • eclipse学习(第三章:ssh中的Hibernate)——11.Hibernate的缓存(2级缓存,get和load)
    本文介绍了eclipse学习中的第三章内容,主要讲解了ssh中的Hibernate的缓存,包括2级缓存和get方法、load方法的区别。文章还涉及了项目实践和相关知识点的讲解。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • 拥抱Android Design Support Library新变化(导航视图、悬浮ActionBar)
    转载请注明明桑AndroidAndroid5.0Loollipop作为Android最重要的版本之一,为我们带来了全新的界面风格和设计语言。看起来很受欢迎࿰ ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • flowable工作流 流程变量_信也科技工作流平台的技术实践
    1背景随着公司业务发展及内部业务流程诉求的增长,目前信息化系统不能够很好满足期望,主要体现如下:目前OA流程引擎无法满足企业特定业务流程需求,且移动端体 ... [详细]
  • JVM 学习总结(三)——对象存活判定算法的两种实现
    本文介绍了垃圾收集器在回收堆内存前确定对象存活的两种算法:引用计数算法和可达性分析算法。引用计数算法通过计数器判定对象是否存活,虽然简单高效,但无法解决循环引用的问题;可达性分析算法通过判断对象是否可达来确定存活对象,是主流的Java虚拟机内存管理算法。 ... [详细]
author-avatar
mobiledu2502930087
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有