autojs之酷炫字体效果

使用场景

一个textview中, 展示不同的字体效果

效果展示

autoj版本

原理

SpannableString.setSpan

字体效果全部使用该方法生成

安卓官方文档

https://developer.android.google.cn/reference/android/text/SpannableString?hl=en#setSpan(java.lang.Object,%20int,%20int,%20int)

效果列表

字符用图片替换
修改字符背景
修改字符颜色
文字添加点击事件
文字超链接
中划线
下划线
下标
上标
下标用图片代替
字体相对大小
字体绝对大小
基于X轴缩放
字体样式，粗体 BOLD、斜体 ITALIC等
文本外貌 TextAppearanceSpan family值：monospace serif sans-serif
文本对齐方式
模糊BlurMaskFilter INNER
模糊BlurMaskFilter NORMAL
模糊BlurMaskFilter OUTER
模糊BlurMaskFilter SOLID

代码讲解

布局

ui.layout(<vertical margin="20"><text id="content" textSize="30sp"></text></vertical>
);

文字内容

let spanStr = new SpannableString("...");

修改字体(该步骤不是必须的, 可以忽略)

tf = Typeface.createFromFile(java.io.File(files.path("./站酷高端黑.ttf")));
ui.content.setTypeface(tf);

处理后设置textview文字内容

handleSpanStr(ui.content, spanStr);
ui.content.setTextSize(random(20, 30));
ui.content.setText(spanStr);

处理SpannableString

插入图片

bitmap = BitmapFactory.decodeResource(context.getResources(), icon);
spanStr.setSpan(new IconMarginSpan(bitmap, 10), 0, 1, Spannable.SPAN_INCLUSIVE_INCLUSIVE);

设置背景颜色

spanStr.setSpan(new BackgroundColorSpan(Color.YELLOW), 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

设置字体颜色

spanStr.setSpan(new ForegroundColorSpan(Color.RED), 3, 8, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

设置点击事件

spanStr.setSpan(new ClickableSpan({onClick: function (widget) {Toast.makeText(context, "你点击了我", Toast.LENGTH_SHORT).show();},}),8,12,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
);
view.setMovementMethod(LinkMovementMethod.getInstance());

中划线

spanStr.setSpan(new StrikethroughSpan(), 27, 29, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

下划线

spanStr.setSpan(new UnderlineSpan(), 29, 32, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

绝对大小

spanStr.setSpan(new AbsoluteSizeSpan(40), 33, 36, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

相对大小

spanStr.setSpan(new RelativeSizeSpan(2), 40, 43, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

基于X轴缩放

spanStr.setSpan(new ScaleXSpan(2), 43, 45, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

微信公众号 AutoJsPro教程

QQ群

747748653

完整源码

点击查看源码

autojs之酷炫字体效果相关推荐

自定义动画属性java_创建酷炫动画效果的10个JavaScript库
原标题:创建酷炫动画效果的10个JavaScript库 1) Dynamics.jsDynamics.js是设计基于物理规律的动画的重要Java库.它可以赋予生命给所有包含CSS 和SVG属性的DOM ...
【vscode高级玩家】设置酷炫字体Fira Code
点此查看纯净无广告的原始内容 Fira Code字体是一种适用于编程的等宽字体.使用它可以减少我们在编程时处理逻辑标记的脑力消耗. 问题 Fira Code字体的作者认为开发者们在编程时使用的-> ...
H5 实现酷炫水滴效果
H5 实现酷炫水滴效果天马行空般的设计甩到面前,含着泪也要做出来 --百度前端工程师的内心独白之前接到了一个需求,设计师同事想在网页中使用一个类水滴效果的索引条.Duang,Duang,这醉人的需 ...
Android矢量图动画特效,Android使用SVG矢量图打造酷炫动画效果
一个真正Android使用SVG矢量图打造酷炫动效往往让人虎躯一震,话不多说,咱们先看看效果: 这个效果我们需要考虑以下几个问题: 1. 这是图片还是文字: 2. 如果是图片该如何拿到图形的边沿线坐标 ...
照片动感影集制作软件哪个好？如何快速制作精美、酷炫的效果？
把照片做成动感影集是现在非常流行的照片分享方式.抖音上获得百万赞的照片动感影集,把照片运用上精美酷炫效果后做成的视频.那么,照片动感影集制作软件哪个好?怎么才能快速上手,制作一个效果高大上的动感影集? ...
Lottie 站在巨人的肩膀上实现 Android 酷炫动画效果
说到动画效果,一般都会感到很高端,感觉很酷炫:而小菜技术有限,稍复杂的动画效果也需要很多时间处理,但是遇到时间紧任务重的情况该怎么办呢?那就尝试一下 Lottie 吧,酷炫的动画集成却相当简单,还支持 ...
如何把博客园的博客弄出狂拽酷炫的效果
有时候看别人的博客,明明是博客园的为什么有hexo的效果. 内容已经不重要了,效果真叫一个狂拽酷炫吊炸天. 那种风格我本人并不喜欢,但是很好奇.最终找到了一些文章,万一将来想通了还可以改. 如何美化你 ...
android 添加json动画,Lottie 站在巨人的肩膀上实现 Android 酷炫动画效果
说到动画效果,一般都会感到很高端,感觉很酷炫:而小菜技术有限,稍复杂的动画效果也需要很多时间处理,但是遇到时间紧任务重的情况该怎么办呢?那就尝试一下 Lottie 是个啥? Lottie 咋集成?bu ...
tree.js 酷炫的效果，人脸识别签到思路，html5 3D微信头像自动抽奖代码
1.酷炫效果 1.1 网址: https://wow.techbrood.com/fiddle/43962 网址:https://wow.techbrood.com/fiddle/25678 1.2 ...

autojs之酷炫字体效果

使用场景

效果展示

autoj版本

原理

安卓官方文档

效果列表

代码讲解

处理SpannableString

微信公众号 AutoJsPro教程

QQ群

完整源码

autojs之酷炫字体效果相关推荐

最新文章

热门文章