首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android实现描边圆角图片

利用学过BitmapShader渲染类,我们来实现一个描边圆角图片。 具体实现: 用来显示自定义绘图类布局文件 res/layout/main.xml: <?...,然后定义一张背景,然后定义一个要绘制圆角矩形区域,并将画布在X轴上平移40像素,在Y轴上平移20像素,再绘制一个黑色2像素圆角矩形,作为图片边,最后绘制一个使用BitmapShader渲染圆角矩形图片...MainActivity.this.getResources(), R.drawable.backgroud); canvas.drawBitmap(bitmap_bg, 0, 0,paint);//绘制背景...设置颜色为黑色 paint.setStrokeWidth(2);//设置笔触宽度为2像素 canvas.drawRoundRect(rect, 10, 10, paint);//绘制一个描边圆角矩形...BitmapShader(bm,TileMode.REPEAT,TileMode.MIRROR); paint.setShader(bs);//设置渲染对象 //绘制一个使用BitmapShader渲染圆角矩形图片

2.2K10
您找到你想要的搜索结果了吗?
是的
没有找到

Android自定义View实现4圆角或者2圆角效果

1 问题 实现任意view经过自定义4圆角或者2圆角效果 2 原理 1) 实现view 4圆角 ? 我们只需要把左边图嵌入到右边里面去,最终显示左边图就行。...2) 实现view上2圆角 ? 我们只需要把左边图嵌入到右边里面去,最终显示左边图就行。..., roundRect.bottom, srcPaint); //保存去掉底部2圆角roundRect(实际就是保留顶部2个圆角) // canvas.drawRect(roundRect.left...); super.draw(canvas); //清空所有的图像矩阵修改状态 canvas.restore(); } } 如果你看不懂这个函数drawRoundRect,请看下我这篇博客介绍...总结 到此这篇关于Android自定义View实现4圆角或者2圆角效果文章就介绍到这了,更多相关android 自定义view 圆角内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持

4.2K20

css实现圆角渐变0.5像素border

有一个需求,需要实现一个圆角渐变border,大概类似这样:图片上手第一件事当然是康康border支不支持渐变,于是发现:border-image这个属性支持渐变。好!加上,刷新。...欸,我圆角咋没了!?变成了这样:图片然后才发现border-image这个属性会导致border-radius失效。...那如果能有三个盒子,最上面的负责正常显示,中间负责提供一个透明1rpxborder,然后它自己有一个背景色。最下面的盒子负责提供一个渐变背景色。这样子由于中间盒子边框透明且有背景色。...,mdn解释如下:设置元素背景背景图片或颜色)是否延伸到边框、内边距盒子、内容盒子下面。...于是一个完美的1rpx圆角渐变border就出来了:图片全部代码:.border-test{ position: absolute; width: 160rpx; height:

1.5K30

圆角虚线边框?CSS 不在话下

那么,在 CSS 中,我们还有其它方式能够实现圆角,且虚线单段长度与线段之间间隙可控方式吗? 本文,我们就一起探讨探讨。...因此,在有圆角情况下,我们就需要另辟蹊径。 利用渐变实现圆角虚线效果 当然,本质上我们还是需要借助渐变效果,只是,我们需要转换一下思路。 譬如,我们可以使用角向渐变。...并且,不管是哪个方法,都存在一定瑕疵。譬如如果希望边框中间不是背景色,而是镂空,上述两种 CSS 方式都将不再使用。 因此,对于圆角虚线边框场景,最佳方式一定是 SVG。...最后,介绍了借助 SVG 工具 Customize your CSS Border 快速生成圆角虚线边框方式。...将 SVG 生成矢量图像数据直接嵌入到 background URL 中,能够应付几乎所有场景,相对而言是更好选择。

28710

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 属性会截取图片中心区域展示很可能圆角就不在展示范围了

1K40

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

现在很多全面屏手机屏幕四角做成圆,其圆润感觉给人带来别样视觉体验。大家来直观感受一下圆角魅力。 ? 当然这种是硬件上实现,我怀疑也是方显示屏,然后做了个圆角遮蔽。...实现原理:利用WindowManager将我们圆角加到屏幕四个角,圆角颜色设置为黑色,形成视觉圆角屏幕。 1.自定义圆角view 很显然,首先我们需要实现一个形状如下图圆角,怎么做呢?...用path(不熟悉小伙伴可以百度一下哈),这里我们以左上角为例实现这个圆角。 ?...2.显示圆角 现在我们就要在屏幕四个角将圆角加上去了。这里使用了android悬浮窗技术。即用windowmanager将我们圆角加到顶层window上,遮蔽其他部分。...android保活方案有很多,比如使用Service startForeground,双进程,一个像素Activity,接收系统广播启动服务,使用JobSheduler,定时器等等。

1.8K10

B2实现轮播背景搜索

B2实现轮播背景搜索 效果站从界面我们可以分析出,这是个轮播+搜索组合形成,也就是我们可以用B2轮播+B2搜索也行成这个样式。那想要达到这个效果需要做些什么呢?...往下看 首先你就要在后后台模块设置增加两个模块,如下 上面我用是轮播大幻灯片+搜索模块 设置如下 轮播内容用 (网址连接+幻灯图片地址+标题(适合外链到其他网站)) 搜索模块只要开启了就 这样配置好了我们回到主页可以看到是这个吊样如下图...这一步完成了,接下来事情就是css样式收尾工作了、 幻灯片样式 注意把zmlb改成你轮播id .slider-height{ width: 100%!...opacity: 1; margin-bottom: 8px; font-size: 18px; background: none; box-shadow: none; /*搜索模块样式结束*/} 最后记得把你头部背景设置透明或直接...如若本站内容侵犯了原著者合法权益,可联系我们进行处理。

57830

Android 正 N 边形圆角头像实现

第一种: 使用 Paint Xfermode 实战 第二种: 使用 BitmapShader 实现 今天,让我们一起来看一下怎样实现正 N 变形圆角头像实现。...polygon 时候才生效,表示边界 Path 圆角半径大小, miv_sides 正 N 边形变数,只有 type 为 polygon 时候,该属性才生效 miv_rotate_angle 旋转角度...要实现正 N 变形主要有几个难点 怎样让我们头像变成正 N 边形 怎样绘制正 N 边形 怎样绘制圆角正 N 边形 ---- 怎样让我们头像变成正 N 边形?...后面晚上下班时候,查阅了相关资料,最终终于实现了上述效果。 这种正 N 边形圆角头像效果,说难也不难,说容易也不容易。因为里面综合了很多知识点,需要一步步去处理。...六角形等) ---- 参考博客:如何用Canvas画一个正多边形 Android 圆形头像两种实现方式 Android 正 N 边形圆角头像实现 如果,你觉得效果还不错,请到我 github

1.2K10
领券