图形混合模式 PorterDuff Xfermodes

16种图形混合模式示例首先绘制Dst(黄色的),然后绘制Src(蓝色的) 问题来了:为何还会有部分黄色?不应该是把src和dst都清除了吗? 图形混合模式简介 ProterDuff的含义 ProterDuff是两个人名的组合:Tomas Proter和 Tom Duff,他们是最早在SIGGRAPH(Special Interest Group for Computer GRAPHICS,计算机图形图像特别兴趣小组)上提出图形混合概念的大神级人物. 利用ProterBuff.Mode我们可以完…

Android Paint Xfermode 学习小结

一.setXfermode(Xfermode xfermode) Xfermode国外有大神称之为过渡模式,这种翻译比较贴切但恐怕不易理解,大家也可以直接称之为图像混合模式,因为所谓的"过渡"其实就是图像混合的一种,这个方法跟我们上面讲到的setColorFilter蛮相似的.查看API文档发现其果然有三个子类:AvoidXfermode, PixelXorXfermode和PorterDuffXfermode,这三个子类实现的功能要比setColorFilter的三个子类复杂得多.…

详解Paint的setXfermode(Xfermode xfermode)

一.setXfermode(Xfermode xfermode) Xfermode国外有大神称之为过渡模式,这种翻译比较贴切但恐怕不易理解,大家也可以直接称之为图像混合模式,因为所谓的“过渡”其实就是图像混合的一种,这个方法跟我们上面讲到的setColorFilter蛮相似的.查看API文档发现其果然有三个子类:AvoidXfermode, PixelXorXfermode和PorterDuffXfermode,这三个子类实现的功能要比setColorFilter的三个子类复杂得多. 二.Avo…

Android之圆形头像裁切

PS:今天项目测试组发现,百度地图定位的数据坐标位置是正确的,但是显示的数据是错误的.最后查来查去发现,那个商厦在百度地图上根本就没有那条数据,这让我如何显示,当初就推崇使用高德地图定位,上面的数据量比较的完整,而且定位的也比较的精准,非得用百度地图定位,这下定位不到数据,懵逼了吧.. 学习内容: 1.自定义View+Canvas+XferMode实现圆形头像裁切头像裁切现如今在很多应用中都会得到使用,一般都是在个人资料页面设置头像,然后选择图片,或者是直接开启相机拍摄一张图片,通过裁切和…

【腾讯bugly干货分享】Android自绘动画实现与优化实战——以Tencent OS录音机波形动

前言本文为腾讯bugly的原创内容,非经过本文作者同意禁止转载,原文地址为:http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=1180 我们所熟知的,Android 的图形绘制主要是基于 View 这个类实现. 每个 View 的绘制都需要经过 onMeasure.onLayout.onDraw 三步曲,分别对应到测量大小.布局.绘制. Android 系统为了简化线程开发,降低应用开发的难度,将这三个过程都放在应用的主线程(UI 线程)…

转载爱哥自定义View系列－－Paint详解

上图是paint中的各种set方法这些属性大多我们都可以见名知意,很好理解,即便如此,哥还是带大家过一遍逐个剖析其用法,其中会不定穿插各种绘图类比如Canvas.Xfermode.ColorFilter等等的用法. set(Paint src) 顾名思义为当前画笔设置一个画笔,说白了就是把另一个画笔的属性设置Copy给我们的画笔,不累赘了 setARGB(int a, int r, int g, int b) 不扯了,别跟我说不懂 setAlpha(int a) 同上 setAntiAlias…

Android Paint以及ColorFilter等

我们可以通过Paint中大量的setter方法来为画笔设置属性: 这些属性大多我们都可以见名知意,很好理解,即便如此,哥还是带大家过一遍逐个剖析其用法,其中会不定穿插各种绘图类比如Canvas.Xfermode.ColorFilter等等的用法. set(Paint src) 顾名思义为当前画笔设置一个画笔,说白了就是把另一个画笔的属性设置Copy给我们的画笔,不累赘了 setARGB(int a, int r, int g, int b) 不扯了,别跟我说不懂 setAlpha(int a)…

Android 画笔Paint

转自 http://wuxiaolong.me/2016/08/20/Paint/ 了解Android Paint,一篇就够.引用Aige<自定义控件其实很简单>系列博客的话“很多时候你压根不需要了解太多原理,只需站在巨人的丁丁上即可”,所谓前人种树后人好乘凉,这里记录下我的实践结果. 我们可以通过Paint中setter方法来为画笔设置属性: 浩浩荡荡来将这些方法一一过一遍: set 1 void set(Paint src) 为当前画笔copy一个画笔 setARGB 1 void set…

自己定义控件事实上非常easy1/6

尊重原创转载请注明:From AigeStudio(http://blog.csdn.net/aigestudio)Power by Aige 侵权必究! 炮兵镇楼上一节我们粗略地讲了下怎样去实现我们的View并概述了View形成动画的基本原理,这一节我们紧跟上一节的步伐来深挖怎样去绘制更复杂的View! 通过上一节的学习我们了解到什么是画布Canvas什么是画笔Paint,而且学习了怎样去设置画笔的属性怎样在画布上画一个圆,然而,画笔的属性并不是只就设置个颜色.大小那么简单而画布呢肯定也不单…

Canvas与Paint的0基础使用

看了非常多android自己定义方面的资料,了解了非常多原理,遇到人家自己定义的东西也可以看得懂,可是.当自己去自己定义的时候.发现脑袋一片空白,所以就先从认识Canvas和Paint開始吧! Canvas 类主要是实现了屏幕的绘制过程,是自己定义View的时候不可少的一个步骤,当中包括了非常多有用的方法,不如绘制一条路径.区域.画点.画线.渲染文本.以下就是一下canvas的经常用法介绍. void drawRect(RectF rect,Paint paint) //绘制区域,參数为一个R…

讲解Canvas中的一些重要方法

Canvas所提供的各种方法根据功能来看大致可以分为几类: 第一是以drawXXX为主的绘制方法: 第二是以clipXXX为主的裁剪方法: 第三是以scale.skew.translate和rotate组成的Canvas变换方法: 最后一类则是以saveXXX和restoreXXX构成的画布锁定和还原: 还有一些其他的就不归类了. 如果用到的不能硬件加速的方法,请务必关闭硬件加速,否则可能会产生不正确的效果. 一.clipRect(…) clipRect是将当前画布裁剪为一个矩形,以后画的图像仅…

转载爱哥自定义View系列－－Canvas详解

上面所罗列出来的各种drawXXX方法就是Canvas中定义好的能画什么的方法(drawPaint除外),除了各种基本型比如矩形圆形椭圆直曲线外Canvas也能直接让我们绘制各种图片以及颜色等等,但是Canvas真正屌的我觉得不是它能画些什么,而是对画布的各种活用,上一节最后的一个例子大家已经粗略见识了变换Canvas配合save和restore方法给我们绘制图形带来的极大便利,事实上Canvas的活用远不止此,在讲Canvas之前,我想先给大家说说Canvas中非常屌毛而且很有个性的一个方法:…

YYKit之YYText

原文:http://www.cnblogs.com/lujianwenance/p/5716804.html 本文的目的是希望能帮助到我们更快的熟悉和学习YYText的结构和实现的思路,如有不正确或者不准确的地方请指正,谢谢. 一.特点与用法关于YYText的特点和用法请看@ibireme大神的github: https://github.com/ibireme/YYText 二.使用到的组件 1.介绍YYLabel之前先说一下YYTextAtt…

他们实际上控制的定义很easy5/12

尊重原创转载请注明:From AigeStudio(http://blog.csdn.net/aigestudio)Power by Aige 侵权必究! 炮兵镇楼近期龙体欠安.非常多任务都堆着,虽说如此.依然没有停下学习的步伐,尽管偶尔还会有点头痛.可是孤依然在学习--自赞一个~ 在1/3中我们结束了所有的Paint方法学习还略带地说了下Matri的简单使用方法,这两节呢,我们将甩掉第二个陌生又熟悉的情妇:Canvas. Canvas从我们该系列教程的第一节起就嘚啵嘚啵个没完没了.差点儿每一…

.NET MAUI发布了期待已久的候选版本（RC1)

作者:David Ortinau 我们激动地宣布在4/13/2022.NET多平台应用UI (.NET MAUI)发布了候选版本.SDK现在已经集成好了API,可以更新库,并为GA(通用可用性)兼容性做好准备.和其他的.NET候选版本一样,这个版本包含了一个"go live"的支持政策,这意味着.NET MAUI在你的产品应用中会得到了微软的支持. 从今天开始获取.NET MAUI RC1,安装或更新Visual Studio 2022预览版17.2到预览版3.在安装程序中,确认已在…

Android 颜色渲染(九) PorterDuff及Xfermode详解

版权声明:本文为博主原创文章,未经博主允许不得转载. Android 颜色渲染(九) PorterDuff及Xfermode详解之前已经讲过了除ComposeShader之外Shader的全部子类, 在讲ComposeShader(组合渲染)之前, 由于构造ComposeShader需要 PorterDuffXfermode或者PorterDuff.Mode作为参数,所以在此先详细地了解下这两个类的作用,这对之后的绘图会有很大的帮助: 在讲具体的使用之前补充一点知识,这就是 Proter…

QT 二维图形原理、发展及应用

转载自网易博客:sun的博客 http://zhouyang340.blog.163.com/blog/static/3024095920126710504178/ 2D绘图 Qt4中的2D绘图部分称为Arthur绘图系统.它由3个类支撑整个框架,QPainter,QPainterDevice和QPainterEngine.QPainter用来执行具体的绘图相关操作如画点,画线,填充,变换,alpha通道等.QPainterDevice是QPainter用来绘图的绘图设备,Qt中有几种预定义的…

Quartz2D 编程指南（一）概览、图形上下文、路径、颜色与颜色空间

概览图形上下文路径颜色与颜色空间变换图案阴影渐变透明层 Quartz 2D 中的数据管理位图与图像遮罩 CoreGraphics 绘制 Layer 0.说明本篇博客主要是对官方文档的总结与补充.翻译部分参考了南峰子的博客.你可以在参考资料中查看. 1.概览简介 Quartz2D 是二维图形绘制引擎,支持 iOS 和 OS X. Page Quartz2D 在图像中使用了绘画者模型.在绘画者模型中,每个连续的绘制操作都是将一个绘制层放置于一个画布,我们通常称这个画布为 Pag…

Android 颜色渲染PorterDuff及Xfermode详解

在讲具体的使用之前补充一点知识,这就是 ProterDuff的由来: 相信大多数人看到这个ProterDuff单词很奇怪了吧,这肿么个意思呢,然后就用有道啊,金山啊开始翻译,但是翻译软件给出的结果肯定还是 ProterDuff或者"未找到". 这是神马情况呢?因为ProterDuff是两个人名的组合: Tomas Proter和 Tom Duff. 他们是最早在SIGGRAPH上提出图形混合概念的大神级人物.有兴趣的童靴们可以自己查下并深入了解,在此不再做过多描述. 利用Proter…

Android学习之——图形图像处理(Bitmap、BitmapFactory)(一)

转载自http://blog.csdn.net/csxwc/article/details/10345235 Bitmap是Android系统中的图像处理的最重要的类之一.用它可以获取图像文件信息,对图像进行旋转,剪切,放大,缩小等操作. Bitmap代表一张位图,使我们在开发中常用的资源,下面就对Bitmap进行简单的介绍. Bitmap的获取方法: 1.使用BitmapDrawable BitmapDrawable里封装的图片就是一个Bitmap对象,我们要把Bitmap包装成BitmapD…

PorterDuff及Xfermode初识

图像合成,是将两幅退昂放在一起的动作,它使得我们能够同时看到两幅图像的特征. 我们可以首先在Canvas对象上绘制一个位图对象,然后再相同的Canvas对象上绘制第二个位图对象的方式来实现合成.不过这里在绘制第二幅图像的时候,需要在Paint对象上指定一个过渡模式(Xfermode). 可用作过渡模式的类集合都继承自Xfermode基类,而其中包括一个成为PorterDuffXfermode的类.PorterDuffXfermode因Thomas Porter和Tom Duff而得名,他们于19…

Quartz－2D绘图之图形上下文详解

上一篇文章大概描述了下Quartz里面大体所包含的东西,但是对具体的细节实现以及如何调用相应API却没有讲.这篇文章就先讲讲图形上下文(Graphics Context)的具体操作. 所谓Graphics Context,其实就是表示了一个绘制目标,也就是你打算绘制的地方,它包含绘制系统用于完成绘制指令的绘制参数和设备相关信息.Graphics Context定义了基本的绘制属性,如颜色.裁减区域.线条宽度和样式信息.字体信息.混合模式等.然而,我们怎样才能获得或者创建一个Graphics Co…

iPhone之Quartz 2D系列--图形上下文（2）(Graphics Contexts)

以下几遍关于Quartz 2D博文都是转载自:http://www.cocoachina.com/bbs/u.php?action=topic&uid=38018 iPhone之Quartz 2D系列--图形上下文(2)(Graphics Contexts) 一个Graphics Context表示一个绘制目标.它包含绘制系统用于完成绘制指令的绘制参数和设备相关信息.Graphics Context定义了基本的绘制属性,如颜色.裁减区域.线条宽度和样式信息.字体信息.混合模式等. 我们可以通过几…

[Android] PorterDuff使用实例----实现新浪微博图片下载效果

先上效果图,如demo_sinaweibo.gif 由效果图,下半部分是简单的效果叠加,上半部分是新浪微博加载图片显示进度的效果,显示进度的半透明区域只与根据背景图的非透明区域叠加,背景图的透明区域仍为透明.为实现此要求,联想到APIDemos中的com.example.android.apis.graphics.Xfermodes,可以自定义组件在组件的绘制过程中设置PorterDuff.Mode即可实现.另效果图中显示当下载进度超过50%时,重新设置了背景图. 本次自定义组件选择继承Imag…

图形绘制 Canvas Paint Path 详解

图形绘制简介 Android中使用图形处理引擎,2D部分是android SDK内部自己提供,3D部分是用Open GL ES 1.0.大部分2D使用的api都在android.graphics和android.graphics.drawable包中.他们提供了图形处理相关的Canvas.ColorFilter.Point.RetcF等类,还有一些动画相关的AnimationDrawable.BitmapDrawable.TransitionDrawable等. 以图形…

Quartz 2D －图形上下文(Graphics Contexts)

一个Graphics Context表示一个绘制目标.它包含绘制系统用于完成绘制指令的绘制参数和设备相关信息.Graphics Context定义了基本的绘制属性,如颜色.裁减区域.线条宽度和样式信息.字体信息.混合模式等. 我们可以通过几种方式来获取Graphics Context:Quartz提供的创建函数.Mac OS X框架或IOS的UIKit框架提供的函数.Quartz提供了多种Graphics Context的创建函数,包括bitmap和PDF,我们可以使用这些Graphics Co…

Android中特殊图形的生成样例

import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.LinearGradient; import android.graphics.Paint; import android.graphics.Path; import android.graphics.PorterDuff; import android.gra…