Android边框裁切的正确姿势实现示例

目录
  • 前言
    • 1. 设置圆角边框
    • 2. 使用ClipToOutline进行裁切
  • 总结

前言

今天写什么呢，没有太好的思路，就随便写一些细节的点吧。

平时我们都会接触到的一个东西就是设置view的边缘为圆角，因为默认的直角比较难看，这个是涉及比较多的场景，其它当然也有一些场景需用到非正常边框的情况，也需要裁切。

1. 设置圆角边框

一般我们怎么设置圆角边框的

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ffffff" />
    <stroke
        android:width="0.8dp"
        android:color="#ffffff" />
    <corners android:radius="10dp" />
</shape>

这是我们比较常做的设置边框圆角的操作，有没有过这样去设置会不会出问题？其实这样的操作只不过是改变背景而已，它可能会出现内部内容穿透的效果。

2. 使用ClipToOutline进行裁切

这个是android 5.0之后提出的方法，具体的操作是这样

public static void setRoundRect(View view) {
    try {
        view.setOutlineProvider(new ViewOutlineProvider() {
            @Override
            public void getOutline(View view, Outline outline) {
                outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), 10);
            }
        });
        view.setClipToOutline(true);
    } catch (Exception e) {
        e.printStackTrace();
    }
}

可以看出就是调用了view的setOutlineProvider方法和setClipToOutline方法。看这个ViewOutlineProvider，它的注释是
Interface by which a View builds its Outline, used for shadow casting and clipping.

能明显看出它就是为了处理阴影和裁切的。其中我们要设置的话，主要是设置Outline outline这个对象，我们可以看看它所提供的方法

setRect

先随便拿一张图片表示原本的显示效果来做对比

调用setRect给原图进行边缘裁切

outline.setRect(view.getWidth()/4, view.getWidth()/4, view.getWidth()/4 *3, view.getHeight()/4 * 3);

得到这样的效果，注意，我的原效果是贴边的，这些裁切之后发现是不贴边的

setRoundRect的效果和setRect一样，就是多了一个参数用来设置圆角。这里就不演示了

setOval 调用setOval，它的传参和setRect一样

outline.setOval(view.getWidth()/4, view.getWidth()/4, view.getWidth()/4 *3, view.getHeight()/4 * 3);

可以看到效果

发现再裁切尺寸的同时并且把图片切成圆形，我记得很早之前，还没毕业时做圆形头像的时候还需要引用别人的第三方，现在5.0之后直接调这个就行，多方便。当然现在头像都是用Glide来做。

setAlpha和setConvexPath也一样，etAlpha是设置透明度，setConvexPath是设置路径，路径和自定义view一样用Path，我这边就不演示了

总结

Outline相对于shape来说，是真正的实现边缘裁切的，shape其实只是设置背景而已，它的view的范围还是那个正方形的范围。最明显的表现于，shape如果内容填满布局，会看到内容超出圆角，而Outline不会。当然如果你shape配合padding的话肯定也不会出现这种情况。

使用Outline也需要注意，一般的机子会在当范围超过圆之后，会一直显示圆。比如你设置radius为50是圆角的效果，但是甚至成100已经是整个边是半圆，这时你设200会发现还是半圆，但是在某些机子上200会变成圆锥，所以如果要做半圆的效果也需要去计算好radius

以上就是Android边框裁切的正确姿势实现示例的详细内容，更多关于Android边框裁切的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • 详解Android用Shape制作单边框图的两种思路和坑

    开发中遇到单/多边框的UI,简单的可以自己写shape图,复杂的一般都让设计配合制作9patch图了. 今天不说需要切图的情况,只聊简单的单/多边框,主要是实现思路. 效果很简单: 就以上图为例介绍,只有上边框,边框红色.宽1dp,其余为白色. 思路一 两层画布叠加:底层红色:上层白色: 上层白色画布下移1dp. 代码实现: <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:andro

  • Android Studio实现带边框的圆形头像

    Android Studio实现带边框的圆形头像

    本文实例为大家分享了Android Studio实现带边框的圆形头像的具体代码,供大家参考,具体内容如下 效果显示: (没有边框的) (有边框的) 1.创建自定义ImagView控件 (1).没有边框的 package chenglong.activitytest.pengintohospital.utils; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitma

  • Android 给控件添加边框阴影效果

    1.布局文件:res/drawable/bg_shadow.xml  <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 阴影部分 --> <!-- 个人觉得更形象的表达:top代表下边的阴影高度,left代表右边的阴影宽度.

  • Android实现流动的渐变色边框效果

    Android实现流动的渐变色边框效果

    目录 前言 实现思路 总结 前言 记得在介绍 motion_toast 一篇的时候,开篇有一张动图,边框是渐变色而且感觉是流动的.这个动效挺有趣的,当时也有人问怎么实现,经过上一篇<让你的聊天气泡丰富多彩!>后,有了实现思路了. 实现思路 首先要实现但是渐变色边框,这个其实可以参考上一篇的CustomPaint 的渐变填充实现.绘制一个矩形边框,然后让渐变色的区域填充到矩形区域内就可以了. void paint(Canvas canvas, Size size) { final rectWid

  • android shape的使用及渐变色、分割线、边框、半透明阴影

    shape使用.渐变色.分割线.边框.半透明.半透明阴影效果. 首先简单了解一下shape中常见的属性.(详细介绍参看 api文档) <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape=["rectangle" | "

  • Android Studio给各种控件加边框的操作方法

    Android Studio给各种控件加边框的操作方法

    Android Studio给Textview,EditText控件加边框 如图所示,给一些edittext,TextView,还有一些控件组,进度条加上一个粉红色的边框. 看着很好看,其实非常简单,很容易实现,我们只需要设计一个想要的效果,然后使用我们设计的效果就好了. 首先设计我们想要的边框效果 首先我们先在drawable下面新建一个xml文件,先右击res文件夹选择"new",然后选择Android Resource File 接下来会弹出一个窗口,注意Resource Typ

  • Android边框裁切的正确姿势实现示例

    目录 前言 1. 设置圆角边框 2. 使用ClipToOutline进行裁切 总结 前言 今天写什么呢,没有太好的思路,就随便写一些细节的点吧. 平时我们都会接触到的一个东西就是设置view的边缘为圆角,因为默认的直角比较难看,这个是涉及比较多的场景,其它当然也有一些场景需用到非正常边框的情况,也需要裁切. 1. 设置圆角边框 一般我们怎么设置圆角边框的 <shape xmlns:android="http://schemas.android.com/apk/res/android&quo

  • Android屏幕锁屏弹窗的正确姿势DEMO详解

    在上篇文章给大家介绍了Android程序开发仿新版QQ锁屏下弹窗功能.今天通过本文给大家分享android锁屏弹窗的正确姿势. 最近在做一个关于屏幕锁屏悬浮窗的功能,于是在网上搜索了很多安卓屏幕锁屏的相关资料,鉴于网上的资料比较零碎,所以我在这里进行整理总结.本文将从以下两点对屏幕锁屏进行解析: 1. 如何监听系统屏幕锁屏 2. 如何在锁屏界面弹出悬浮窗 如何监听系统屏幕锁屏 经过总结,监听系统的锁屏可以通过以下两种方式: 1) 代码直接判定 2) 接收广播 1) 代码直接判定 代码判断方式,也

  • Android Studio 导入开源项目的正确姿势及注意事项

    Android Studio 导入开源项目的正确姿势及注意事项

    报错:Error:(2, 0) Plugin with id 'realm-android' not found. 注意:项目中用到的插件,需要根目录下的build.gradle中添加它classPath, 执行下面的build.gradle文件覆盖前先检查下,或者备份一个. 当我们在Github上看到优秀的项目时,往往想下载下来学习,但是导入到AS中经常报各种错误,那么导入开源项目的正确姿势是什么呢? (1) 第一步,新建一个项目,跑一遍. (2) 打开 我们从Github下载的项目的文件.依

  • autojs的Node.js正确退出脚本示例

    目录 正文 写界面的格式 脚本退出但是可能会发生异常报错 正文 写界面的格式 class MainActivity extends ui.Activity { ... } 比如我们在界面里面加了个按钮, 点击按钮之后就退出脚本 btn.setOnClickListener(function () { process.exit(0) }); 脚本退出但是可能会发生异常报错 那么正确的姿势是什么呢? 沿用安卓额方法, 要退出脚本的时候, 这样写 // this指向的是org.autojs.autoj

  • Android数据传输中的参数加密代码示例

    Android开发中,难免会遇到需要加解密一些数据内容存到本地文件.或者通过网络传输到其他服务器和设备的问题,但并不是使用了加密就绝对安全了,如果加密函数使用不正确,加密数据很容易受到逆向破解攻击.还有很多开发者没有意识到的加密算法的问题. 1.数据传输 1).http请求中,最常用的方法有两种:get和post:一般post请求适合做提交,而get请求适合做请求数据 2).数据的加密,大概有三种常用的:AES,DES,Base64 2.Base64加密 这里使用的aes加密,然后再将字符串使用

  • 使用IDEA将Java/Kotliin工程导出Jar包的正确姿势

    导出的 Jar 包无法运行? 导出的 Jar 包找不到 Main class? 大概是我对导出 Jar 包的理解不深吧,反正一直不太懂 IDEA 导出 Jar 包的界面和功能到底怎么用.但总算是自己摸索出了正确的方法. 第一步:添加构建 首先要介绍的是 Artifact 这个概念,可以理解为一种构建,比如说 Android Studio 构建出来的 Artifact 就是 Apk 文件.Java 程序当然是可以构建出 Jar 包的. 在一个 Java 或 Kotlin 工程中,在 IDEA 的顶

  • Android openGl 绘制简单图形的实现示例

    学习五部曲,弄清楚5个W一个H(when(什么时候使用).where(在哪个地方使用?).who(对谁使用).what(是个什么东西).why(为什么要这么用?).一个H即:how(到底该怎么用?)),基本的概念篇主要围绕这几个方面进行分析 1. What? openGl是什么?openGl ES又是什么? 相信很多人从事开发的都或多或少听到过有关OpenGl这个东西,但是平时用的少,只知道有这么个东西,而且学起来不简单,所以大多数人都不能讲出个个所以然来. 官方对OpenGl的描述为: Ope

  • mybatis3.4.6 批量更新 foreach 遍历map 的正确姿势详解

    好久没编码了!最近开始编码遇到一个问题 !一个批量修改的问题,就是mybatis foreach 的使用. 当时使用的场景 ,前端 传逗号拼接的字符串id, 修改id对应数据的数据顺序 ,顺序 就是id 的顺序. 就是一个条件(单个id值) 修改一个值(传入的id的顺序) , 1. 把条件作为Map 的key 修改值是value,用map入参 2.用List<Object> 或者数组 ,把条件和值封装成对象放进list集合或者array数组 3.代码使用for循环调用mapper方法 穿两个参

  • Python爬虫之m3u8文件里提取小视频的正确姿势

    Python爬虫之m3u8文件里提取小视频的正确姿势

    前言   在网上爬取的小视频(.ts格式)打不开怎么搞?使用IDM下载有时候还会出现数据受法律保护,IDM无法下载该内容,如何解决?这篇博客就来聊聊如何正确提取m3u8文件里的.ts视频,并合成完整的.mp4格式视频. 1. HLS协议与m3u8文件   HLS,即 H T T P   L i v e   S t r e a m i n g HTTP\ Live\ Streaming HTTP Live Streaming的缩写,是由苹果公司提出基于HTTP的流媒体网络传输协议.是苹果公司Qui

  • Android自定义流式布局的实现示例

    Android自定义流式布局的实现示例

    在日常的app使用中,我们会在android 的app中看见 热门标签等自动换行的流式布局,今天,我们就来看看如何自定义一个类似热门标签那样的流式布局.下面我们就来详细介绍流式布局的应用特点以及用的的技术点. 1.流式布局的特点以及应用场景 特点:当上面一行的空间不够容纳新的TextView时候,才开辟下一行的空间. 原理图: 场景:主要用于关键词搜索或者热门标签等场景 2.自定义ViewGroup (1)onMeasure:测量子view的宽高,设置自己的宽和高 (2)onLayout:设置子

随机推荐