自定义 View 之——锯齿 Layout

最新推荐文章于 2024-04-30 12:41:37 发布
最新推荐文章于 2024-04-30 12:41:37 发布
阅读量491 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Android 文章标签： 自定义 View 锯齿
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u014306335/article/details/79721217
这篇博客介绍了如何在Android中自定义一个View，实现锯齿形状的ViewGroup。通过不断绘制圆并控制间距和数量，可以创建出锯齿效果。文章提供了实现该效果的基本思路和关键代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

自定义 View

实现一个锯齿形状的 ViewGroup。

效果 :

sawtooth_layout

大体思路：

不断的画圆就行了，注意控制间距和所需画圆的数量即可。 当然这里只是提供个思路而已，还可以画三角形什么的，发挥想象就好。
由上图可知，圆的数量 circleNum 比间距 gap 少1，即 gap = circleNum + 1。
那么圆的数量如何确定呢?
首先

w=circleNum∗(gap
最低0.47元/天 解锁文章

200万优质内容无限畅学
自定义View学习之锯齿波纹效果
u012946477的博客
09-01 438
工作太久都忘记了学习，落下了很多基础而又实用的东西，尤其在自定义View这块，每每提及都惶恐不已，在我家小棉袄的鞭策之下，痛定思痛，拿起手中之笔，开启了我的学习之旅。在网上看到一篇自定义View的文章，以此为基准来学习了自定义View中结合Path和drawArc来实现锯齿波纹效果。 先上一张效果图 看图先来分析下整个View的组成部分，其实很简单 - 中间是一个矩阵 - 锯齿状的两侧可以
Android自定义View——气泡的扩散与收缩效果
qq_41962476的博客
09-30 666
最近公司做的项目中，需要用到一个动态的气泡效果，气泡是可以收缩和扩散的。本着拿来用的精神去度娘上找，大都是一些下雪、下雨的效果，不是我想要的，只能自己造轮子。虽然网上的资料没什么用，但也给了我一些灵感。下面是我磨出的一点东西，先看下效果图： 不会弄gif动图，大家凑合着看下，效果还是可以的。接着咱们看代码： 1.首先是一个气泡的类，初始化时会完成一系列计算，确定气泡的基本信息： ...
android自定义ImageView圆角和圆形抗锯齿
12-07
android自定义ImageView,圆角和圆形,抗锯齿.亲测可用。直接拷贝代码就行。
android自定义view锯齿状效果
qq_30707799的博客
03-31 1033
效果图 public class SawtoothBlackView extends View { //自定义画笔的属性 private Paint paint; //获取屏幕的系数 private DisplayMetrics dm; //不规则块的高 private int big_heigth; //总的宽度 private
IOS-自定义锯齿形背景view，使用quartz2d
Android小酌
01-02 4328
由于项目需要，UI设计了一个锯齿形状的背景图，程序开发效果如下图： 这用到了Quartz2D绘图，我的思路是，画两个如下图的锯齿view： 然后两个view稍微重合一点，就是下边的那个view网上移动，把上边的那个view的下锯齿覆盖掉，不过结果却是让人失望的，如下图： 最后，我在下边的view上重新画了上边view颜色的锯齿view，如下图： 然后再把下边的那个锯
UIView和UIImageView 旋转消除锯齿方法
weixin_30401605的博客
09-24 176
方法一： calendarImageView_ =[[UIImageView alloc] initWithFrame:CGRectMake(3,3,60,72)]; calendarImageView_.image =[UIImage imageNamed:@"tc_news_tilt_plate.png"]; calendarImageView_.image = preview...
使用 Android Studio自定义View04——视频音量调控
可乐淘的专栏
06-06 2150
整理总结自鸿洋的博客：http://blog.youkuaiyun.com/lmj623565791/article/details/24529807 完善了避免重复加、减的操作，修改为从顶部开始绘图。 要实现的效果如图： 分析一下，需要这么几个属性：中间的图片、小块的两种颜色、小块的间隙的距离、小块的数量。 com.cctvjiatao.customview04.act.MainActivi
Android自定义View——从零开始实现书籍翻页效果，从入门到精通
m0_64382743的博客
11-28 859
x4 = lineTwo_My_pointTwo.x; y4 = lineTwo_My_pointTwo.y; float pointX =((x1 - x2) * (x3 * y4 - x4 * y3) - (x3 - x4) * (x1 * y2 - x2 * y1)) / ((x3 - x4) * (y1 - y2) - (x1 - x2) * (y3 - y4)); float pointY =((y1 - y2) * (x3 * y4 - x4 * y3) - (x1 * y2 - x2 * y1
Android自定义View——从零开始实现书籍翻页效果（一）
最新发布
2401_84123201的博客
04-30 781
**效果如图理论上应该是由点连接而成的闭合区域,但由于和是曲线上的点，我们没办法直接从出发通过绘制路径连接点（同理），也就不能只用的情况下直接绘制出，我们需要用方面的知识“曲线救国”。我们试着先将点连接起来，观察闭合区域与之间的联系。修改//省略部分代码…//设置抗锯齿@Override/**效果如图我们将两条曲线也画出来对比观察观察分析后可以得出结论，是减去后剩余的区域。于是我们设置画笔模式为效果如图最后是，因为处于最底层，我们直接将画笔模式设为。
七步带你学习电源板Layout的注意点.docx
09-13
七步带你学习电源板Layout的注意点docx,一个电源工程师总结的电源板Layout一些主要注意的地方，主要是从下面这几个地方考虑：
iOS实现View镂空效果
Nicholas的专栏
02-17 4813
需要通过一个mask图显示部分UI或者Icon资源。ios的控件自带alpha的值，但是这个值都是整个icon或者UI的透明效果，不能做到自定义的透明或者镂空效果。我们必须借助于mask资源图。 具体的方法：修改imageview的layer，即可完成这个工作。 CALayer *mask = [CALayer layer]; mask.contents = (id)[[UIImage
Android实现边缘凹凸的View
weixin_30916125的博客
05-21 421
转载 最近做项目的时候遇到一个卡劵的效果，由于自己觉得用图片来做的话可以会出现适配效果不好，再加上自己自定义view方面的知识比较薄弱，所以想试试用自定义View来实现。但是由于自己知识点薄弱，一开始居然想着用画矩形来设置边缘实现，后面一个哥们指导了我，在这里感谢他。 实现分析 上面的图片其实和普通的Linearlayout，RelativeLayout一样，只...
AD绘制不规则电路板
欢迎光临
09-29 9119
不规则电路板的形状是在Keep Out Layer上进行绘制的，所以首先是要得到Keep Out Layer上的形状。第一种方法是使用CAD软件画出板子结构图，然后倒入到AD的Keep Out Layer中去即可。第二种方法就是自己使用AD自带的绘制工具自己画图。我只会第二种方法，当然了，第一种方法可以绘制更为精准和复杂的图形。打开AD新建一个项目，添加一个默认的PCB文档： 假设我们要得到一个圆
关于图片锯齿产生的原因和如何消除
zfzlsj1的博客
06-06 1万+
在Android中，锯齿产生的原因，目前我知道有两种： 1、 当我们用Canvas绘制位图的时候，如果对位图进行了选择，则位图会出现锯齿。 2、在用View的RotateAnimation做动画时候，如果View当中包含有大量的图形，也会出现锯齿。我们分别以这两种情况加以考虑。 解决方案： ◆ 用Canvas绘制位的的情况。在用Canvas绘制位图时，一般地，我们使用drawBi
关于自定义View时，画图形和图片时抗锯齿的使用的问题
非著名程序员
06-04 5579
一般画一条横着的线或者竖线没有锯齿的效果，但是如果是一条斜着的线用canvas画时，就会出现锯齿效果，可能影响视觉，感觉不好看，这是由于像素点的问题造成的！画图形时也是如此，只有在旋转，移动，放大时才会出现锯齿效果，一般正放着是不会出现的！当然图片也是如此！消除锯齿效果是会消耗内存的，一般如果没有锯齿效果时或者没必要时，不必用消除锯齿效果！那怎么样才能消除锯齿效果呢？   第一种方法（这个方法
Android自定义圆形控件去除边缘锯齿
gj191817的博客
06-20 4375
方法: 1)mPaint.setAntiAlias(); 2)mPaint.setFilterBitmap(true)。 ===================================== 在Android中，目前，我知道有两种出现锯齿的情况。 ① 当我们用Canvas绘制位图的时候，如果对位图进行了选择，则位图会出现锯齿。 ② 在用View的RotateAnimation做动画时候，
android 自定义圆角ImageView以及锯齿的处理
if(...){...}
09-09 1万+
看到很多人开发过程中要使用圆角图片时，解决方法有： 1.重新绘制一张图片 2.通过布局来配置 3.通过重写View来实现
Android 自定义View之绘图
热门推荐
moira33的博客
01-19 1万+
【Android 自定义View之绘图】 Android 自定义View之绘图 基础图形的绘制 一Paint与Canvas Paint Paint的基本设置函数 setAntiAliastrue 设置是否抗锯齿 2setStyle PaintStyle style 设置填充样式 3setColorColorInt int color 设置画笔颜色 4setStrokeWidthfloat w
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值