span从入门到精通2 自定义drawable

2024-05-29 00:32

本文主要是介绍span从入门到精通2 自定义drawable,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

分析昨天的博客 span从入门到精通 第三方工具类GifDrawable 发现有个知识点有必要先梳理下要不大家可能看着博客都是懵逼的,这个知识点就是自定义drawable。
看看效果吧
drawable画圆

图片
首先我们先分析下源码里面drawable 是怎么被调用的我们先看看view类 的setBackgroundDrawable 这个方法

public void setBackgroundDrawable(Drawable background) {computeOpaqueFlags();if (background == mBackground) {return;}boolean requestLayout = false;mBackgroundResource = 0;/** Regardless of whether we're setting a new background or not, we want* to clear the previous drawable. setVisible first while we still have the callback set.*/if (mBackground != null) {if (isAttachedToWindow()) {mBackground.setVisible(false, false);}mBackground.setCallback(null);unscheduleDrawable(mBackground);}if (background != null) {Rect padding = sThreadLocal.get();if (padding == null) {padding = new Rect();sThreadLocal.set(padding);}resetResolvedDrawablesInternal();background.setLayoutDirection(getLayoutDirection());if (background.getPadding(padding)) {resetResolvedPaddingInternal();switch (background.getLayoutDirection()) {case LAYOUT_DIRECTION_RTL:mUserPaddingLeftInitial = padding.right;mUserPaddingRightInitial = padding.left;internalSetPadding(padding.right, padding.top, padding.left, padding.bottom);break;case LAYOUT_DIRECTION_LTR:default:mUserPaddingLeftInitial = padding.left;mUserPaddingRightInitial = padding.right;internalSetPadding(padding.left, padding.top, padding.right, padding.bottom);}mLeftPaddingDefined = false;mRightPaddingDefined = false;}// Compare the minimum sizes of the old Drawable and the new.  If there isn't an old or// if it has a different minimum size, we should layout againif (mBackground == null|| mBackground.getMinimumHeight() != background.getMinimumHeight()|| mBackground.getMinimumWidth() != background.getMinimumWidth()) {requestLayout = true;}// Set mBackground before we set this as the callback and start making other// background drawable state change calls. In particular, the setVisible call below// can result in drawables attempting to start animations or otherwise invalidate,// which requires the view set as the callback (us) to recognize the drawable as// belonging to it as per verifyDrawable.mBackground = background;if (background.isStateful()) {background.setState(getDrawableState());}if (isAttachedToWindow()) {background.setVisible(getWindowVisibility() == VISIBLE && isShown(), false);}applyBackgroundTint();// Set callback last, since the view may still be initializing.background.setCallback(this);if ((mPrivateFlags & PFLAG_SKIP_DRAW) != 0) {mPrivateFlags &= ~PFLAG_SKIP_DRAW;requestLayout = true;}} else {/* Remove the background */mBackground = null;if ((mViewFlags & WILL_NOT_DRAW) != 0&& (mDefaultFocusHighlight == null)&& (mForegroundInfo == null || mForegroundInfo.mDrawable == null)) {mPrivateFlags |= PFLAG_SKIP_DRAW;}/** When the background is set, we try to apply its padding to this* View. When the background is removed, we don't touch this View's* padding. This is noted in the Javadocs. Hence, we don't need to* requestLayout(), the invalidate() below is sufficient.*/// The old background's minimum size could have affected this// View's layout, so let's requestLayoutrequestLayout = true;}computeOpaqueFlags();if (requestLayout) {requestLayout();}mBackgroundSizeChanged = true;invalidate(true);invalidateOutline();}

这里面的意思大致分析一下就是首先判断设置的drawable是否跟以前的一样如果一样则不需要重新设置,如果旧的background不为空则清理下旧的background的数据,之后设置background的state,visible,callback等属性,最终调用requestLayout这个方法重新绘制布局也就是会走layout跟draw等方法,系统会在draw方法里面调用drawBackground这个处理我们来看drawBackground这个方法里面做了些什么处理

  private void drawBackground(Canvas canvas) {final Drawable background = mBackground;if (background == null) {return;}setBackgroundBounds();// Attempt to use a display list if requested.if (canvas.isHardwareAccelerated() && mAttachInfo != null&& mAttachInfo.mThreadedRenderer != null) {mBackgroundRenderNode = getDrawableRenderNode(background, mBackgroundRenderNode);final RenderNode renderNode = mBackgroundRenderNode;if (renderNode != null && renderNode.isValid()) {setBackgroundRenderNodeProperties(renderNode);((DisplayListCanvas) canvas).drawRenderNode(renderNode);return;}}final int scrollX = mScrollX;final int scrollY = mScrollY;if ((scrollX | scrollY) == 0) {background.draw(canvas);} else {canvas.translate(scrollX, scrollY);background.draw(canvas);canvas.translate(-scrollX, -scrollY);}}

这里我们只关注一句话background.draw(canvas);即当我们在绘制内容之前会调用drawable的draw方法绘制背景,因此drawable里面的draw方法是一个十分关键的代码它会将我们需要的图片文字等内容绘制到界面中。好了源码先分析到这里我们还是先看看基本使用吧。
好了废话先不多说了先看实现代码吧我们首先定义一个drawable类。(一个极其简单的类)

public class TestDrawable extends Drawable {private Paint paint;//画笔private int mWidth = 300;//图片宽与高的最小值public TestDrawable() {paint = new Paint();paint.setAntiAlias(true);paint.setColor(Color.YELLOW);paint.setStyle(Paint.Style.FILL);}public void setmWidth(int width){this.mWidth=width;invalidateSelf();//更新设置}@Overridepublic void draw(@NonNull Canvas canvas) {canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2, paint);}@Overridepublic void setAlpha(int i) {paint.setAlpha(i);invalidateSelf();//更新设置}@Overridepublic int getIntrinsicHeight() {return mWidth;}@Overridepublic int getIntrinsicWidth() {return mWidth;}@Overridepublic void setColorFilter(@Nullable ColorFilter colorFilter) {paint.setColorFilter(colorFilter);invalidateSelf();//更行设置}@Overridepublic int getOpacity() {return PixelFormat.TRANSLUCENT;}}

看到了吧是不是有一种恍然大明白的感觉
我们的设置极其简单许多都是固定模式化的东西
1.初始化paint这个不用我多说了吧不知道的自觉面壁去
2.setAlpha中设置paint的alpha
3.getIntrinsicHeight getIntrinsicWidth当布局为wrap_content的时候我们要画的内容的宽高
4.setColorFilter调用paint的setColorFilter处理
5.getOpacity一班返回PixelFormat.TRANSLUCENT即可
6.最最核心的处理draw方法这里我们画了一个圆大家也可以画其他图形,图片等处理
7.额外添加一个方法setmWidth重新定义控件的宽度这里要注意了invalidateSelf这个方法调用会重新绘制该布局
这下明白了吧下面就是外部的调用

TestDrawable drawable = new TestDrawable();
ImageView iv_main = findViewById(R.id.iv_main);
iv_main.setImageDrawable(drawable);
drawable.setmWidth(50);

一句iv_main.setImageDrawable将我们画的drawable中的圆画到了界面上是不是很神奇
当然大家如果需要做动画的话可以调用invalidateSelf不断改变我们画的内容

如果大家还是不太明白可以看看画图片是怎么处理的代码如下

public class TestDrawable extends Drawable {private Paint paint;//画笔private int mWidth;//图片宽与高的最小值private Bitmap bitmap;//位图public TestDrawable(Context context, int resID) {this(BitmapFactory.decodeResource(context.getResources(), resID));}public TestDrawable(Bitmap bitmap) {this.bitmap = bitmap;paint = new Paint();paint.setAntiAlias(true);//抗锯齿paint.setDither(true);//抖动,不同屏幕尺的使用保证图片质量///位图渲染器BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);paint.setShader(bitmapShader);mWidth = Math.min(bitmap.getWidth(), bitmap.getHeight());}@Overridepublic void draw(@NonNull Canvas canvas) {canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2, paint);}@Overridepublic void setAlpha(int i) {paint.setAlpha(i);invalidateSelf();//更新设置}@Overridepublic int getIntrinsicHeight() {return bitmap.getHeight();}@Overridepublic int getIntrinsicWidth() {return bitmap.getWidth();}@Overridepublic void setColorFilter(@Nullable ColorFilter colorFilter) {paint.setColorFilter(colorFilter);invalidateSelf();//更行设置}@Overridepublic int getOpacity() {return PixelFormat.TRANSLUCENT;}}

代码也不多希望大家看完博客后能对drawable有个更深入的认识

github链接点击这里

这篇关于span从入门到精通2 自定义drawable的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1012134

相关文章

从入门到精通MySQL联合查询

《从入门到精通MySQL联合查询》:本文主要介绍从入门到精通MySQL联合查询,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下... 目录摘要1. 多表联合查询时mysql内部原理2. 内连接3. 外连接4. 自连接5. 子查询6. 合并查询7. 插入查询结果摘要前面我们学习了数据库设计时要满

从入门到精通C++11 <chrono> 库特性

《从入门到精通C++11<chrono>库特性》chrono库是C++11中一个非常强大和实用的库,它为时间处理提供了丰富的功能和类型安全的接口,通过本文的介绍,我们了解了chrono库的基本概念... 目录一、引言1.1 为什么需要<chrono>库1.2<chrono>库的基本概念二、时间段(Durat

解析C++11 static_assert及与Boost库的关联从入门到精通

《解析C++11static_assert及与Boost库的关联从入门到精通》static_assert是C++中强大的编译时验证工具,它能够在编译阶段拦截不符合预期的类型或值,增强代码的健壮性,通... 目录一、背景知识:传统断言方法的局限性1.1 assert宏1.2 #error指令1.3 第三方解决

Java实现自定义table宽高的示例代码

《Java实现自定义table宽高的示例代码》在桌面应用、管理系统乃至报表工具中,表格(JTable)作为最常用的数据展示组件,不仅承载对数据的增删改查,还需要配合布局与视觉需求,而JavaSwing... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

一文详解Java Stream的sorted自定义排序

《一文详解JavaStream的sorted自定义排序》Javastream中的sorted方法是用于对流中的元素进行排序的方法,它可以接受一个comparator参数,用于指定排序规则,sorte... 目录一、sorted 操作的基础原理二、自定义排序的实现方式1. Comparator 接口的 Lam

从入门到精通MySQL 数据库索引(实战案例)

《从入门到精通MySQL数据库索引(实战案例)》索引是数据库的目录,提升查询速度,主要类型包括BTree、Hash、全文、空间索引,需根据场景选择,建议用于高频查询、关联字段、排序等,避免重复率高或... 目录一、索引是什么?能干嘛?核心作用:二、索引的 4 种主要类型(附通俗例子)1. BTree 索引(

Redis 配置文件使用建议redis.conf 从入门到实战

《Redis配置文件使用建议redis.conf从入门到实战》Redis配置方式包括配置文件、命令行参数、运行时CONFIG命令,支持动态修改参数及持久化,常用项涉及端口、绑定、内存策略等,版本8... 目录一、Redis.conf 是什么?二、命令行方式传参(适用于测试)三、运行时动态修改配置(不重启服务

Oracle 数据库数据操作如何精通 INSERT, UPDATE, DELETE

《Oracle数据库数据操作如何精通INSERT,UPDATE,DELETE》在Oracle数据库中,对表内数据进行增加、修改和删除操作是通过数据操作语言来完成的,下面给大家介绍Oracle数... 目录思维导图一、插入数据 (INSERT)1.1 插入单行数据,指定所有列的值语法:1.2 插入单行数据,指

MySQL DQL从入门到精通

《MySQLDQL从入门到精通》通过DQL,我们可以从数据库中检索出所需的数据,进行各种复杂的数据分析和处理,本文将深入探讨MySQLDQL的各个方面,帮助你全面掌握这一重要技能,感兴趣的朋友跟随小... 目录一、DQL 基础:SELECT 语句入门二、数据过滤:WHERE 子句的使用三、结果排序:ORDE

如何自定义一个log适配器starter

《如何自定义一个log适配器starter》:本文主要介绍如何自定义一个log适配器starter的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录需求Starter 项目目录结构pom.XML 配置LogInitializer实现MDCInterceptor