继承TextView实现自定义动态文字闪动效果
来源:互联网 发布:三星手表gears软件 编辑:程序博客网 时间:2024/05/29 14:57
不会录制,所以看下图就行了,
———–ps:这里我继承的是TextView,其实和继承View的原理是一样的
这里实现了两个效果:1、背景分层,2、文字动态闪动
原理:
原生的TextView使用onDraw()方法绘制要显示的文字,当继承系统的TextView之后,那么如果不对onDraw()进行重写,将不会产生对TextView的任何修改。所以自定义中,通过重写onDraw()方法来绘制显示的文字。
@Overrideprotected void onDraw(Canvas canvas) { //绘制文本内容之前需要作的修改 super.onDraw(canvas); //绘制文本内容之后需要做的修改}
在代码中最重要的部分就是在onDraw()方法中,为了改变原生的绘制行为,在调用系统的 super.onDraw(canvas)前,先绘制两个不同大小的矩形,使其出现分层的效果,再让系统调用 super.onDraw(canvas),然后完成文字绘制工作。
接下来就是绘制动态闪动效果,要想实现这个效果,就要充分利用Android中Paint对像Shader渲染器,通过设置一个不断变化的LinearGradient,并使用带有该属性的Paint对象来绘制要显示的文字。
首先在onSizeChanged()中,根据View的宽带设置一个LinearGradient的渐变渲染器,其中最关键的就是使用getPaint()方法获取当前绘制TextView的Paint对象,并给这个Paint对象设置原生TextView没有的LinearGradient属性,最后在onDraw()中通过矩阵不断平移的方式来实现渐变效果,从而在绘制文字时产生动态的闪动效果。
下面是源码:
import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.LinearGradient;import android.graphics.Matrix;import android.graphics.Paint;import android.graphics.Shader;import android.util.AttributeSet;import android.widget.TextView;public class TextViewStyle extends TextView { private int mTranslate; private int mViewWidth = 0; private Paint paint ; private LinearGradient mLinearGradient; private Matrix mMatrix; public TextViewStyle(Context context) { this(context, null); } public TextViewStyle(Context context, AttributeSet attrs) { this(context, attrs, 0); } public TextViewStyle(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected void onDraw(Canvas canvas) { Paint p1 = new Paint(); p1.setColor(getResources().getColor(android.R.color.holo_blue_light)); p1.setStyle(Paint.Style.FILL); Paint p2 = new Paint(); p2.setColor(getResources().getColor(android.R.color.holo_green_light)); p2.setStyle(Paint.Style.FILL); canvas.drawRect(0, 0, getWidth(), getHeight(), p1); canvas.drawRect(10, 10, getWidth() - 10, getHeight() - 10, p2); canvas.save(); canvas.translate(10, 0); //绘制文本内容之前需要作的修改 super.onDraw(canvas); //绘制文本内容之后需要做的修改 canvas.restore(); if (mLinearGradient != null){ mTranslate += mViewWidth / 5; if (mTranslate > 2 * mViewWidth){ mTranslate = -mViewWidth; } mMatrix.setTranslate(mTranslate, 0); mLinearGradient.setLocalMatrix(mMatrix); postInvalidateDelayed(100); } } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); if (mViewWidth == 0){ mViewWidth = getMeasuredWidth(); if (mViewWidth > 0){ paint = getPaint(); mLinearGradient = new LinearGradient(0, 0, mViewWidth, 0, new int[]{Color.BLUE, 0xFFFFFFFF, Color.BLUE}, null, Shader.TileMode.CLAMP); paint.setShader(mLinearGradient); mMatrix = new Matrix(); } } }}
布局文件:
<RelativeLayout android:id="@+id/activity_main" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"> <com.lee.canvasdemo01.TextViewStyle android:layout_width="match_parent" android:layout_height="70dp" android:text="Hello World !!! Hello World !!!" android:padding="10dp" android:textSize="20sp" android:textColor="#fff" android:gravity="center"/></RelativeLayout>
阅读全文
0 0
- 继承TextView实现自定义动态文字闪动效果
- 【Android UI】自定义TextView实现动态的文字闪动效果
- Android自定义View之实现一个动态的文字闪动效果
- 【Android】自定义View-为文字添加动态闪动效果
- TextView实现彩色闪动效果
- DIY文字闪动效果的TextView
- 自定义View之自定义文字闪动效果
- 自定义View之TextView的闪动效果
- 自定义View之TextView的闪动效果
- 自定义textview控件实现文字滚动效果
- android TextView 实现自定义文字点击效果
- 自定义TextView 实现文字渐变效果
- 自定义TextView实现文字伞动效果
- 【Android学习】动态文字闪动效果
- Android中继承TextView实现文字的跑马灯效果
- 利用LinearGradient Shader和Matrix来实现动态文字闪动效果
- 文字划掉效果-自定义Textview
- android文字闪动效果
- 1138: C语言合法标识符
- C++引用
- androidstudio更换svn地址方法
- 从订单信息页面进入订单详细商品页面,最简单的MVC思想
- 设置RecyclerView的位置(点击回到顶部)
- 继承TextView实现自定义动态文字闪动效果
- springmvc 参数绑定注解详解
- C++ 二维数组
- ABM将改变B2B营销行业的面貌
- Druid数据库连接池
- 1139: 输出最短字符串
- android IM即时通信之聊天界面UI框架
- 【leetcode】11. Container With Most Water
- 【微服务架构】SpringCloud组件和概念介绍(一)