首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    android 圆角图片的实现和封装

    最近被人问起圆角图片的实现,花了一点时间鼓捣了下,下面简单分享下。 完整例子: RoundImage 先上效果图 ? ? ? ?...BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP)); source.recycle(); //画圆角的逻辑代码...,负责具体的圆角逻辑:只有顶部为圆角 public class DrawTopCornerImage implements DrawCornerImage { @Override public...并集即为上部为圆角而底部是直角的一个区域 canvas.drawRect(new RectF(0, radius, right, bottom), paint); } } 原理简单来讲...有一点提一下如果你的 ImageView 有用 android:scaleType=”centerCrop” 属性,可能上面方法就有点不合适了,centerCrop 属性会截取图片的中心区域展示很可能圆角就不在展示范围了

    1.4K40

    在 Windows 11 中处理 WindowChrome 的圆角

    Windows 11 的圆角 在直角统治了微软的 UI 设计多年以后,微软突然把直角骂了一顿,说还是圆角好看,于是 Windows 11 随处都可看到圆角设计。...Windows 11 使用 3 个级别的圆角,具体取决于要应用圆角的 UI 组件及该组件相对于相邻元素的排列方式。 圆角半径 使用情况 8px 窗体、Flyout 、弹出菜单等 。...另外,当窗体最大化或使用对齐布局时不应用圆角。 4px 页面内的元素,如按钮或列表等。 0px 与其它直边相交的直边不使用圆角。...被裁剪过后自定义的 Window 成了一个无边框圆角窗口,看着还挺时髦的。...DWMWCP_DONOTROUND 绝不对窗口采用圆角设置。 DWMWCP_ROUND 适当时采用圆角设置。 DWMWCP_ROUNDSMALL 适当时可采用半径较小的圆角设置。

    3.7K10

    神奇的滤镜!巧妙实现内凹的平滑圆角

    背景 某日,群友们在群里抛出这样一个问题,如何使用 CSS 实现如下的布局: 在 CSS 世界中,如果只是下述这种效果,还是非常容易实现的: 一旦涉及到圆角或者波浪效果,难度就会提升很多。...实现这种连续平滑的曲线其实是比较麻烦的,当然,也不是完全没有办法。本文,就会带大家看看,使用 CSS 实现上述内凹平滑圆角效果的一些可能的方式。 利用圆的衔接实现 第一种方法比较笨。...神奇的事情发生了,我们得到了这样一个效果: 通过对比度滤镜把高斯模糊的模糊边缘给干掉,将原本的直角,变成了圆角,Amazing。...基于上述第二点,外侧的直角也变成了圆角,如果希望这个圆角也是直角,就有了 .g-container 这一层,我们可以通过在这一层添加一个伪元素,将 4 个角覆盖成直角: .g-container {...关于神奇的 filter: contrast() 和 filter: blur() 的融合效果,你可以戳这篇文章具体了解 -- 你所不知道的 CSS 滤镜技巧与细节 最后 实现本文的内凹的平滑圆角还有其它几种方式

    1.6K20

    Android 正 N 边形圆角头像的实现

    第一种: 使用 Paint 的 Xfermode 实战 第二种: 使用 BitmapShader 实现 今天,让我们一起来看一下怎样实现正 N 变形圆角头像的实现。...polygon 的时候才生效,表示边界 Path 圆角半径的大小, miv_sides 正 N 边形的变数,只有 type 为 polygon 的时候,该属性才生效 miv_rotate_angle 旋转的角度...要实现正 N 变形主要有几个难点 怎样让我们的头像变成正 N 边形 怎样绘制正 N 边形 怎样绘制带圆角的正 N 边形 ---- 怎样让我们的头像变成正 N 边形?...,mX,my); path.transform(matrix); ---- 题外话 在开发的时候,一刚开始说要实现圆角六边形的时候,查阅了相关的资料,知道有两种方法 第一种方法,让 UI 设计师直接给图...后面晚上下班的时候,查阅了相关的资料,最终终于实现了上述的效果。 这种正 N 边形圆角头像的效果,说难也不难,说容易也不容易。因为里面综合了很多知识点,需要一步步去处理。

    1.5K10

    这才是真正的万能圆角ImageView

    不知道有没有人记得我去年写过一个圆角的imageview。不知道的可以先去看看:万能圆角imagview,本文是基于上一篇的内容进行添加以及修改的。不然直接看这篇可能会有点懵。...最近公司有个需求是这样的。 ? 同事说,不知道怎么搞,于是乎,我把之前写的imageview给过去了。他来了句,你这圆角和fitxy同时设置会有问题啊,我反手就是一个大嘴巴子。...我的代码怎么会有问题。于是,拿来一瞧,的确有点问题。So,我决定对这个imageview进行二次的封装。(当然了,这个问题的最后处理是后台直接给一个圆角的imageview)。...我们发现我们修改的fitxy属性已经生效了。但是,为什么加了边框是这样呢? 仔细想想。我们画圆角和圆的时候是不是忘记去掉了边框的宽度呢?那么我们既然找到了原因就可以找到解决方法了。...那我们就直接去掉边框的高度,注意!!圆角和圆的都要处理。

    1.7K90

    css实现带圆角的渐变0.5像素border

    有一个需求,需要实现一个带圆角的渐变border,大概类似这样:图片上手第一件事当然是康康border支不支持渐变,于是发现:border-image这个属性支持渐变。好!加上,刷新。...欸,我的圆角咋没了!?变成了这样:图片然后才发现border-image这个属性会导致border-radius失效。...然后下面的盒子的位置的top相对于上面的盒子往上移1px,left往左移1px。这样下面的盒子露出来的部分看起来不就像是上面的盒子的边框了吗? 好! 说干就干。...在微信小程序里面1rpx的边框是不生效的,会被计算成2rpx。解决这个问题的办法一般是给想要设置边框的元素加一个大小为它两倍的伪元素。...于是一个完美的1rpx的带圆角的渐变border就出来了:图片全部代码:.border-test{ position: absolute; width: 160rpx; height:

    2.3K30

    Android:最简单的图片圆角制作(卡片布局)

    在APP中,图片往往设计成圆角,非常美观。 但查阅资料发现实际操作比较复杂,大致有两种方法。 第一种很复杂:在JAVA代码中修改图片的shape,代码难写且冗长。...第二种很滑稽:采用一张透明的View覆盖图片的四角,有些自欺欺人,如果设备不兼容,小动作直接暴露无遗。 突然想到第三种最为简单的方法,使用CardView组件。...如何导入CardView依赖,参见我的上上篇博文Android:最新版CardView的安装和使用 只需要添加 app:cardCornerRadius=“16dp” 这个属性,卡片四角会变圆形 看看效果...: 注:对于图片,xml预览不会直接显示(一开始我以为我的cardview有问题),使用模拟机预览就能看到效果。

    1.3K30
    领券