android屏幕圆角实现方法的示例代码

现在很多全面屏手机的屏幕四角做成圆的,其圆润的感觉给人带来别样的视觉体验。先来一张我大锤子镇楼(不是广告呀,锤子没给钱),大家来直观感受一下圆角的魅力。

锤子.jpg

当然这种是硬件上实现的,我怀疑也是方的显示屏,然后做了个圆角遮蔽。那对于我们这些脸方的手机,就不能笑嘻嘻的圆一回吗?答案是肯定的,no picture say ...

效果图

(应该能看出来我用的是神马手机吧)

圆角实现:

那我们就应该思考了,软件层面怎样实现这种效果呢。相信很多朋友立马会想到——使用悬浮窗。

实现原理:利用WindowManager将我们的圆角加到屏幕的四个角,圆角颜色设置为黑色,形成视觉圆角屏幕。

1.自定义圆角view

很显然,首先我们需要实现一个形状如下图的圆角,怎么做呢?用path(不熟悉的小伙伴可以百度一下哈),这里我们以左上角为例实现这个圆角。


圆角

// top left
      case Gravity.TOP | Gravity.LEFT:
        path.moveTo(0.0f, 0.0f);
        path.lineTo(0.0f, (float) h);
        path.arcTo(new RectF(0.0f, 0.0f,
            ((float) w) * 2.0f, ((float) h) * 2.0f), 180.0f, 90.0f, true);
        path.lineTo((float) w, 0.0f);
        path.lineTo(0.0f, 0.0f);
        path.close();
        break;

为了能让用户自定义圆角颜色,大小,透明度,各个角是否显示,我在里面加了对应的控制变量,当用户设置的时候更新view就可以了。

  public void setCornerSize(int size){
    this.cornerSize = size;
    requestLayout();
    invalidate();
  }

是不是很简单,这样一个圆角view就实现了。

2.显示圆角

现在我们就要在屏幕的四个角将圆角加上去了。这里使用了android的悬浮窗技术。即用windowmanager将我们的圆角加到顶层的window上,遮蔽其他部分。windowmanager在添加view的时候需要设置一个WindowManager.LayoutParams。下面我们初始化这个Params:

   // window manager
    manager = (WindowManager) this.getApplicationContext()
        .getSystemService(Context.WINDOW_SERVICE);

    params = new WindowManager.LayoutParams();
    /*
     系统提示类型:7.0以前可以直接用TOAST的类型,不用申请权限,直接添加
     7.0以后不行了,需要申请SYSTEM_ALERT_WINDOW权限,window type最好
     设置为ERROR 或者 PHONE
     */
    if (Utilities.isCanUseToastType()) {
      params.type = WindowManager.LayoutParams.TYPE_TOAST;
    } else {
      params.type = WindowManager.LayoutParams.TYPE_SYSTEM_ERROR;
    }
    params.format = 1;
    params.flags = WindowManager.LayoutParams.FLAG_FULLSCREEN // 全屏
        | WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS // 覆盖到status bar
        | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION // 覆盖到导航栏

        // 以下属性设置加载我们圆角window 不抢焦点,不拦截事件
        | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
        | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
        | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
    params.alpha = 1.0f;
    params.x = 0;
    params.y = 0;
    // 设置 大小为全屏
    params.width = ViewUtil.getScreenSize(this).x;
    params.height = ViewUtil.getScreenSize(this).y;

注释写的比较详细,不明白的自行百度哈。

接着我们需要把圆角加到屏幕上:

  public void addCornerViewByPosition(String position){
    boolean enable = true;
    switch (position) {
      case LEFT_TOP:
        enable = leftTopEnable;
        params.gravity = Gravity.TOP | Gravity.LEFT;
        break;
      case RIGHT_TOP:
        enable = rightTopEnable;
        params.gravity = Gravity.TOP | Gravity.RIGHT;
        break;
      case LEFT_BOTTOM:
        enable = leftBottomEnable;
        params.gravity = Gravity.BOTTOM | Gravity.LEFT;
        break;
      case RIGHT_BOTTOM:
        enable = rightBottomEnable;
        params.gravity = Gravity.BOTTOM | Gravity.RIGHT;
        break;
    }
    CornerView corner = buildCorner(enable,params.gravity);
    if(!corners.containsValue(corner)) {
      corners.put(position, corner);
      manager.addView(corner, params);
    }
  }

以上代码是根据各个位置是否能显示将我们的corner加到屏幕上,其中buildCorner是根据用户自定义的设置创建cornerview

private CornerView buildCorner(boolean enable,int position){
    CornerView corner = new CornerView(this);
    corner.setColor(currentColor);
    corner.setCornerOpacity(currentOpacity);
    corner.setCornerSize(currentCornerSize);
    corner.setLocation(position);
    if(enable){
      corner.show();
    } else {
      corner.hide();
    }
    return corner;
  }

至此,我们的圆角就显示到屏幕上了(鼓掌)。

圆角保活:

首先我们为了让圆角能够长期存在于屏幕上,我把其操作(添加,删除,自定义)放到了一个service,但是Service也很容易被杀,这里我们就有必要保活了。

android中的保活方案有很多,比如使用Service startForeground,双进程,一个像素的Activity,接收系统广播启动服务,使用JobSheduler,定时器等等。

推荐看一下这篇:http://www.jb51.net/article/107530.htm。

这里我使用了第一种方案,即当用户选则保活时,使用Service startForeground发出一条通知,最大程度的保证我们的Service不被杀死。代码比较简单,就不贴了。

一些小细节:

我在测试的时候发现,强制停止应用服务后,再次进入应用,当我们想去掉圆角时却始终去不掉,这个问题在一些商业应用上也存在。这个是因为我我们之前添加的view没有移除掉,重新开启应用的时候又加了一层。所以我们要在destroy之前把我们的view移除掉,然后功能就正常了。

再者就是权限的申请问题,我们在加悬浮窗的时候要检测是否有权限,代码如下

 public static boolean checkFloatWindowPermission(Context context) {
    final int version = Build.VERSION.SDK_INT;
    if (version >= 19) {
      return checkOp(context, 24); //OP_SYSTEM_ALERT_WINDOW = 24;
    }
    return true;
  }

  @TargetApi(Build.VERSION_CODES.KITKAT)
  private static boolean checkOp(Context context, int op) {
    final int version = Build.VERSION.SDK_INT;
    if (version >= 19) {
      AppOpsManager manager = (AppOpsManager) context.getSystemService(Context.APP_OPS_SERVICE);
      try {
        Class clazz = AppOpsManager.class;
        Method method = clazz.getDeclaredMethod("checkOp", int.class, int.class, String.class);
        return AppOpsManager.MODE_ALLOWED == (int)method.invoke(manager, op, Binder.getCallingUid(), context.getPackageName());
      } catch (Exception e) {
        Log.e("", Log.getStackTraceString(e));
      }
    } else {
      Log.e("Utilities", "Below API 19 cannot invoke!");
    }
    return false;
  }

这里用到了反射,也感谢网上大神的解决方案。

小结:

第一次写博客,比较生疏,很错误的地方希望大家谅解和指正(我已经准备好迎接大家的口水了)。

希望一起学习,一起进步

这个是我的项目地址,需要的话大家可以看一下:https://github.com/zibuyuqing/master/tree/master/RoundCorner

最后附上app截图,庆祝一下

效果图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android关于Glide的使用(高斯模糊、加载监听、圆角图片)

    高斯模糊.加载监听.圆角图片这些相信大家都很熟悉,那如何实现这些效果,请大家参考本文进行学习. 1.引用 compile 'com.github.bumptech.glide:glide:3.7.0' 2.加载图片 2.1 基本加载 Glide.with(context)     .load(url)     .into(imageView); 2.2 设置加载中和加载失败的情况 Glide.with(context) .load(url) .placeholder(R.drawable.loa

  • Android实现圆角Button按钮

    本文实例讲述了Android开发圆角Button按钮实现过程,分享给大家供大家参考,具体内容如下 需求及效果图: 实现思路: 1.shape实现圆角 在drawable新建两个xml 文件, 这两个 xml文件用shape 实现了圆角效果. Note: 因为要让用户有按下去的效果体验, 所有要有两套圆角图, 在按下去时候切换 <!-- res/drawable/button_shape_normal.xml --> <shape xmlns:android="http://sc

  • Android图片特效:黑白特效、圆角效果、高斯模糊

    1.黑白效果 复制代码 代码如下: /**     * 将彩色图转换为黑白图     *      * @param 位图     * @return 返回转换好的位图     */    public static Bitmap convertToBlackWhite(Bitmap bmp) {        int width = bmp.getWidth(); // 获取位图的宽        int height = bmp.getHeight(); // 获取位图的高 int[] pi

  • android 实现圆角图片解决方案

    现在我们就来看看怎么样把图片的四角都变成圆形的,为什么要这样做那,如果要是这样界面就会非常的美观,下面我们就来看看代码吧. java代码: 复制代码 代码如下: public static Bitmap toRoundCorner(Bitmap bitmap, int pixels) { Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Config.ARGB_8888); Canvas canv

  • Android自定义水平进度条的圆角进度

    平时项目中经常用到自定义进度条样式,我们一般实现的也是下面的第一种,至于第二种的圆角进度,网上介绍的资料也不是很多,这里一起展示一下这两种的实现. 下面开始看代码,先从主界面布局开始看起: <ProgressBar style="@android:style/Widget.ProgressBar.Horizontal" android:layout_width="match_parent" android:layout_height="20dp&qu

  • android 设置圆角图片实现代码

    复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/layout" android:orientation="vertical" android:layout_wi

  • Android实现圆角矩形和圆形ImageView的方式

    Android中实现圆角矩形和圆形有很多种方式,其中最常见的方法有ImageLoader设置Option和自定义View. 1.ImageLoader加载图片 public static DisplayImageOptions getRoundOptions() { DisplayImageOptions options = new DisplayImageOptions.Builder() // 是否设置为圆角,弧度为多少,当弧度为90时显示的是一个圆 .displayer(new Round

  • Android中实现EditText圆角的方法

    一.在drawable下面添加xml文件rounded_editview.xml 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <solid andr

  • android实现圆角矩形背景的方法

    本文实例讲述了android实现圆角矩形背景的方法.分享给大家供大家参考.具体如下: 1. java代码如下: import android.graphics.Canvas; import android.graphics.Color; import android.graphics.ColorFilter; import android.graphics.Paint; import android.graphics.Rect; import android.graphics.drawable.

  • android屏幕圆角实现方法的示例代码

    现在很多全面屏手机的屏幕四角做成圆的,其圆润的感觉给人带来别样的视觉体验.先来一张我大锤子镇楼(不是广告呀,锤子没给钱),大家来直观感受一下圆角的魅力. 锤子.jpg 当然这种是硬件上实现的,我怀疑也是方的显示屏,然后做了个圆角遮蔽.那对于我们这些脸方的手机,就不能笑嘻嘻的圆一回吗?答案是肯定的,no picture say ... 效果图 (应该能看出来我用的是神马手机吧) 圆角实现: 那我们就应该思考了,软件层面怎样实现这种效果呢.相信很多朋友立马会想到--使用悬浮窗. 实现原理:利用Win

  • Android自定义滑动验证条的示例代码

    本文介绍了Android自定义滑动验证条的示例代码,分享给大家,具体如下: *注:不知道为什么,h5的标签在这里没用了,所以我也只能用Markdown的语法来写了 项目地址:https://github.com/994866755/handsomeYe.seekbar.github.io 需求: 在我们的某些应用中需要滑动验证.比如说这个样子的: 刚开始我也很懵逼要怎么去弄,结果我去看了一些人的代码,有人是用自定义viewgroup去做,就是viewgroup包含滑动块和滑动条.但我觉得太麻烦,

  • Android TextView实现词组高亮的示例代码

    本文介绍了Android TextView实现词组高亮的示例代码,分享给大家,具体如下: HighlightTextView Android文本高亮控件,基于View实现. 特点 文本高亮 单词自动换行 高亮词组保持在同一行显示 效果如下: 主要逻辑: 两个 Paint 负责绘制不同的文字 在每次绘制之前计算将要绘制的文本是否会超出屏幕宽度,如果超出则换行 protected void onDraw(Canvas canvas) { super.onDraw(canvas); float x_d

  • Android视频悬浮窗口实现的示例代码

    前言 本文例子实现了点击显示悬浮窗口,同时窗口可播放视频,拖动位置,点击关闭及返回 APP 页面,通过例子来讲述悬浮窗口实现原理及细节处理,效果图如下所示: 悬浮窗口.gif 原理 WindowManager 对 View 视图进行添加.移除.更新处理: WindowManager.LayoutParams 对窗口参数进行一系列设置. 实现 首先,需要添加相对应悬浮窗权限: <uses-permission android:name="android.permission.SYSTEM_A

  • Android Flutter实现"斑马纹"背景的示例代码

    目录 最终效果图 实现思维 斑马纹(45°角,向左倾斜) 画笔 斑马纹坐标位置计算 圆角裁剪(如果需要) 作为背景 代码 使用处 main_page.dart 斑马纹具体实现类 zebra_stripes_back.dart 计算过程解释 由于工作中项目需求,需要将H5转换为Flutter代码. 其中的斑马纹背景需要根据接口返回的颜色来渲染,所以不能只是图片形式,无法通过decoration属性配置图片背景板. 楼主这边想到的方法就是通过 实现一个canvas绘制斑马纹类.使用Stack布局,将

  • Android 给图片加上水印的示例代码(支持logo+文字)

    本文介绍了Android 给图片加上水印的示例代码(支持logo+文字),分享给大家,具体如下: 现在我们想要往图片上打上水印,该水印应符合这样的需求的: 支持logo+文字: 文字信息支持多行展示: 用户可以选择水印在图片上的生成位置(左上.右上.右下和左下). 粗略的结构图低配版大概就长这样... 水印结构图.png 现在提供这样的一种思路去实现这一个需求,我们可以通过自定义一个view,view的布局中包含logo.公司名称和相关信息,这个view就是我们要打上图片的水印. 这样的一个vi

  • Android自定义控件之翻转按钮的示例代码

    本文介绍了Android自定义控件之翻转按钮的示例代码,分享给大家,具体如下: 先看一下效果 一.先定义控件的基本结构 这里我们定义一个容器,所以是在ViewGroup的基础上扩展. 简单起见,直接使用扩展自ViewGroup的LinearLayout,并将我们的控件扩展自LinearLayout. 1.按钮的基本布局如下 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:andr

  • 微信小程序清空输入框信息与实现屏幕往上滚动的示例代码

    微信小程序,是属于小程序的一种,英文名为Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用.微信小程序也是基于H5,JS的开发. 一. 清空输入框信息(重置输入框信息恢复默认值) 这是我在微信小程序实训开发的过程中出现的问题,多次思考后终于解决了输入框内已发送的消息无法被清空这个问题.从另一个角度说可以把清空输入框信息理解为重置输入框信息恢复初始默认值.以下是我的解决方案,希望对你们有所帮助. 首先

  • Android实现强制下线功能的示例代码

    一.回顾 上次连载写了两个类,一个类ActivityCollector.java用于管理所有的活动:一个类是BaseActivity.java作为所有活动的父类: 还有一个放在layout目录中的登录界面login.xml 二.登录页面的活动 接下来写一个登录页面的活动,继承自BaseActivity.java package com.example.broadcastbestpractice; import android.content.Intent; import android.os.B

  • android实现音乐跳动效果的示例代码

    效果图 实现 整体的流程图如下 上面主要步骤分为3个 1.计算宽度能放下多少列的音频块. 2.计算每一列中音频块的个数 3.绘制音频块 1.计算宽度能放下多少列的音频块. 设置音频块的宽度为danceWidth,音频块横向之间的间距为danceGap,那么可以算出能放的列数: /** * 先计算当前宽度能够放下多少个音频块 */ val widthNum = (getAvailableWith() / (danceGap + danceWidth)).toInt() /** * 获取可以用的宽度

随机推荐