Andorid TextView字幕效果实例

2016-02-19 11:30 5 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - 编程语言 】

一、效果图

二、代码
代码如下:

public class TextSubView extends TextView {

private TextPaint mPaint;

public TextSubView(Context context, AttributeSet attrs) {
super(context, attrs);

mPaint = new TextPaint(getPaint());
mPaint.setStyle(TextPaint.Style.STROKE);
mPaint.setShadowLayer(2.0F, 2.0F, 2.0F, Color.RED);
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

canvas.save();
canvas.clipRect(0, 0, 55, getBottom());
canvas.drawText(getText().toString(), 0, getBaseline(), mPaint);
canvas.restore();
}
}

代码说明

关键是setShadowLayer设置阴影效果以及onDraw的四行代码,大家可以搜一下"Android clipRect"了解一下这个函数的作用,注意clipRect与drawText的顺序不要弄反了。

来源:https://www.tulaoshi.com/n/20160219/1597723.html

延伸阅读
标签: Web开发
卡拉 OK 中的字幕随着歌曲的进行会逐渐点亮,由于字幕不是一个一个地点亮而是逐渐过渡,所以我们在网页中实现该效果时,要通过两个层来实现,两个层的文字相同,颜色不同,底层不变,上层逐渐拉宽以遮盖下层,就实现了该效果,在 Flash 中实现这种效果时,也是本原理。本文给出基本示例,以求抛砖引玉。 重点是:两层的文...
方法一 1.放在drawable下的selector.xml文件 代码如下: android="http://schemas.android.com/apk/res/Android"    android:drawable="@drawable/temp2" / 2.布局文件main.xml 代码如下: http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout...
Photoshop设计人物空中飞腾爆发效果实例教程 Photoshop设计人物空中飞腾爆发效果实例教程 在本Photoshop教程中,我们将创造一个富有力量和爆发力的人体爆破解体特效,主要使用了PS图像合成、PS抠图和各种效果的笔刷。 最终效果图 最终效果 第一步 在Photoshop中创建一个新文档,选择你自己所喜欢的大小,但是...
前面我们已完成了“音乐欣赏”主界面的制作和流程的设计,界面如图1所示。 图1主界面 由于还没有制作分界面,所以点击左侧的按钮画面不会发生跳转,这次我们就讲解其中“作品赏析”、“视频精选”这两个模块的设计步骤。 一、“作品赏析”部分内容的制作 步骤1:导入背景图片 双击“作品赏析”组图标进入下一层设计...
TextView就是一个用来显示文本标签的控件。 代码如下: /*TextView的设置*//* 获得TextView对象 */       textview = (TextView)this.findViewById(R.id.textview);       String string = "TextView示例!";     /* 设置文本的颜色 */   te...

经验教程

489

收藏

95
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部