android的clip有以下两点疑问:
Clip(剪切)的时机
Clip中的Op的参数的意思。
通常咱们理解的clip(剪切),是对已经存在的图形进行clip的。但是,在android上是对canvas(画布)上进行clip的,要在画图之前对canvas进行clip,如果画图之后再对canvas进行clip不会影响到已经画好的图形。一定要记住clip是针对canvas而非图形。
接下来通过android自带的APIdemo Clipping例子详细讲述Clip中的Op的参数的意思。Android提供clipRect、clipPath和clipRegion剪切区域的API。
Op一共有
DIFFERENCE,INTERSECT,UNION,XOR, REVERSE_DIFFERENCE, REPLACE六种选择。
例子:
在canvas上剪切从(0,0)到(60,60)的方块。下图蓝色区域加紫色区域。
在canvas上剪切从(40,40)到(100,100)的方块。下图橄榄色区域加紫色区域。
在canvas上剪切从(0,0)到(100,100)的方块。
先在第二方块上加上Op参数例如:canvas.clipRect(40, 40, 100, 100, Region.Op. DIFFERENCE);
首先,需要搞清楚Op参数针对的对象。接着了解其含义。
Op参数针对的对象是之前剪切的区域以及当前要剪切的区域。
在本例中涉及到区域是从(0,0)到(60,60)的方块和从(40,40)到(100,100)的方块。
那有哪些含义呢?就是表示当前要剪切的区域与之前剪切过的之间的关系。
DIFFERENCE:之前剪切过除去当前要剪切的区域(蓝色区域)。
INTERSECT:当前要剪切的区域在之前剪切过内部的部分(紫色区域)。
UNION:当前要剪切的区域加上之前剪切过内部的部分(蓝色区域+紫色区域+橄榄色区域)。
XOR:异或,当前要剪切的区域与之前剪切过的进行异或。(蓝色区域+橄榄色区域)。
REVERSE_DIFFERENCE:与DIFFERENCE相反,以当前要剪切的区域为参照物,当前要剪切的区域除去之前剪切过的区域(橄榄色区域);
REPLACE:用当前要剪切的区域代替之前剪切过的区域。(橄榄色区域+紫色区域);
没带Op参数效果与INTERSECT的效果一样,两个区域的交集。
- 大小: 2.1 KB
分享到:
相关推荐
比较直观的描述clipRect的使用方法和含义
本例是clipRect的一个简单的应用,通过clipRect剪裁一张图片绘制一个简单的动画!
NULL 博文链接:https://showmo.iteye.com/blog/1292615
NULL 博文链接:https://trylovecatch.iteye.com/blog/1176031
内容解说:这几天开始学游戏地图制作,今天小小的总结一下Canvas的clipRect()接口的使用。 1)选取要在画布上绘制(刷新)的区域,如图以(x, y)为起点坐标、宽w、高h的区域 2)选择要绘制的图片,不一定是刚好宽...
主要介绍了Android canvas画图操作之切割画布实现方法,通过clipRect方法实现canvas画布的切割操作,需要的朋友可以参考下
Google官方发布视频
SrcR := ImgTabyes.Canvas.ClipRect; DestR := Rect; Canvas.CopyRect(DestR, ImgTabyes.Canvas, SrcR); 不活动时: ImgTabyes.LoadFromResourceName(HInstance, 'TABNO1'); SrcR := ImgTabyes.Canvas.ClipRect...
自定义View基础这期是 HenCoder 自定义绘制的第 1-4 期:Canvas 对绘制...范围裁切有两个方法: clipRect() 和 clipPath()。裁切方法之后的绘制代码, 都会被限制在裁切范围内。 1.1 clipRect() 使用很简单,直接应用:
目录 一、ClipOval 椭圆剪辑 二、ClipPath 路径剪辑 三、ClipRect 矩形剪辑 四、ClipRRect 圆角矩形
UGUI贴图使用ETC+Alpha压缩之后,UI 自定义的shader作相应的兼容处理。 [PerRendererData] _AlphaTex("Sprite Alpha Texture", 2D) = "white" ... color.a *= UnityGet2DClipping(i.worldPosition.xy, _ClipRect);
本篇文章主要介绍了Android Canvas方法总结最全面详解API,分享给大家,具体如下: 常用方法 drawXxx方法族:以一定的坐标值在当前画图区域画图,另外图层会叠加, 即后面绘画的图层会覆盖前面绘画的图层。 ...
今天给大家介绍下Android中滑屏功能的一个基本实现过程以及原理初探,最后给大家重点讲解View视图中scrollTo 与scrollBy这两个函数的区别 。 首先 ,我们必须明白在Android View视图是没有边界的,Canvas是没有...
java在JFrame上画一个圆角矩形的一部分,主要代码: @Override public void paint(Graphics g) ... g.clipRect(0,0,100,50); g.setColor(Color.BLUE); g.drawRoundRect(10, 10, 200, 80, 20, 20); }
第一个控件的实现原理是重写ImageView的onDraw()方法,利用Canvas的clipRect()方法控制图片的显示区域,主键扩大图片的显示区域,从而实现逐渐增加的效果 关键代码: public class LoadingImageView extends ...
anvas.clipRect(0, 0, mWidth, mHeight / 2 + radius - textHeight * 3 / 4); 第二步:计算绘制圆弧进度条时的起始角度,设置为外围大弧的左端点为进度值得起点,扫过的角度所占外围大弧的百分比就是进度值 第三步...
1.上原图 前几天在 Hencoder 征稿看到的Filpboard 里的的动画效果: Filipboard.gif 先bb一句:在看本文的同时,如果觉得我写的模糊看不太懂的可以直接拉到文末,...使用 canves 的 ClipRect() 方法可以轻松实现切割
5. 重载OnPaint方法,绘制控件的内容,在绘制的时候要注意滚动条的当前值,由于采用了双缓冲机制,所以每次总是将所有的内容重绘一次,不考虑ClipRect。 6. 写一个方法,根据鼠标的坐标计算出鼠标指向的Item或者...