[Android开发]镂空的TextView,镂空字体,TextView实现镂空字体效果

news/2024/4/17 11:53:19

前言:本来是下班途中跟IOS的同事一起走在路上闲聊,他让我看了一个App的镂空字体效果,然后我俩讨论了几句,我当时已经有一个大体上的实现思路了,于是第二天就实现出来了,讲真的目前这玩意没有用到我开发中的项目,希望能帮到正在迷茫中的你。

8f3f0518e5c04620a8d929e7a8655347.jpeg

实现思路:

关键代码一定是PorterDuff.Mode.DST_OUT画笔来实现,我一般写自定义的View基本上以最小的代价完成功能,也就是尽可能利用Android控件中原本的功能,因此利用TextView继承重写onDraw去实现,废话不多说直接上代码:

public class HollowTextView extends AppCompatTextView {private Drawable bgDrawable;public HollowTextView(@NonNull Context context) {super(context);}public HollowTextView(@NonNull Context context, @Nullable AttributeSet attrs) {super(context, attrs);}public HollowTextView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}@Overrideprotected void onDraw(Canvas canvas) {//直接拿TextView的画笔即可TextPaint textPaint = getPaint();//设置一个颜色背景否则可能会有点透明textPaint.setColor(Color.BLACK);//画笔模式这里要设置为空哦,否则多次绘制将变得不正常textPaint.setXfermode(null);//保存一个图层,这是关键代码canvas.saveLayer(new RectF(0, 0, canvas.getWidth(), canvas.getHeight()), textPaint, Canvas.ALL_SAVE_FLAG);//绘制背景drawBackground(canvas);//給画笔设置DST_OUT模式,即将开始调用父类TextView的onDraw了textPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));//调用父类TextView的onDrawsuper.onDraw(canvas);}@Overridepublic void setBackground(Drawable background) {//重写这个方法是为了不让父类中的背景被绘制出来,而是换成我们自己来绘制,这样背景还是可以利用Shape或者UI出图的方式实现bgDrawable = background;invalidate();}@Overridepublic void setBackgroundDrawable(@Nullable Drawable background) {setBackground(background);}@Overridepublic void setBackgroundResource(int resId) {setBackground(getContext().getResources().getDrawable(resId));}/*** 自己绘制背景* @param canvas*/private void drawBackground(Canvas canvas) {final Drawable background = bgDrawable;if (background == null) {return;}background.setBounds(0, 0, getRight() - getLeft(), getBottom() - getTop());background.draw(canvas);}}

使用方式如下,你没看错使用起来和普通的TextView没有任何区别

<com.flyjingfish.hollowtextviewlib.HollowTextViewandroid:id="@+id/hollowTextView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingVertical="8dp"android:paddingHorizontal="40dp"android:text="Hello World!"android:gravity="center"android:textStyle="bold|italic"android:background="@drawable/bg_hollow"android:textSize="30sp"/>

关键代码就贴完了,我这个实现思路是可以让您还像原来使用TextView一样,去使用TextView毫无违和感,接下来给您看个更好玩的~

使用方式也很简单:

<com.flyjingfish.hollowtextviewlib.HollowTextViewandroid:id="@+id/hollowTextView3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text=" Hello World! "android:gravity="center"android:textStyle="bold"android:layout_marginTop="10dp"app:hollow_stroke_textColor="@color/white"app:hollow_stroke_strokeWidth="6dp"android:textSize="30sp"/><com.flyjingfish.hollowtextviewlib.HollowTextViewandroid:id="@+id/hollowTextView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text=" Hello World! "android:gravity="center"android:textStyle="bold"android:layout_marginTop="10dp"app:hollow_stroke_angle="0"app:hollow_stroke_startColor="@color/purple_500"app:hollow_stroke_endColor="@color/teal_200"app:hollow_stroke_strokeWidth="6dp"android:textSize="30sp"/>

 这个就不多说了,大家可以看Github,欢迎Star~~~

https://github.com/FlyJingFish/HollowTextView


http://www.ppmy.cn/news/526926.html

相关文章

Android镂空字体,TextvView实现镂空字体效果

前言&#xff1a; 本来朋友问我镂空字体怎么实现&#xff0c;刚开始以为是简简单单调整背景色和透明度&#xff0c;后来发现是我想多了。记录一下 效果图: 看了几个整体思路都是 自定义HolloTextView继承自View&#xff0c;重写onDraw方法&#xff0c;绘制背景&#xff0c;使…

【小插件】文字镂空“LSP”制作空心文字CAD

CAD自带功能制作空心字教程 实用技巧--CAD制作空心文字【中级】 输入多行文字设置字体样式最好粗点的 加载程序LSP 输入命令AP 选择“字体镂空LSP”&#xff0c;点击加载确定 功能具体使用 输入命令TEX 选择要编辑的字体内容 确定文字出现方向翻转 重复执行命令得到文字线条 空…

[VB.NET]空心字体

空心字体 实例说明 在本实例中&#xff0c;我们将制作一个能够显示空心字的应用程序。程序运行结果如图91-1所示。 <script type"text/javascript"> </script> <script type"text/javascript" src"http://pagead2.googlesyndicatio…

向设计师推荐20款漂亮的免费英文空心字体

设计师们都备有丰富的常用英文字体库&#xff0c;在设计的时候能够得心应手。今天这篇文章收集了20款精美的免费英文空心字体。这些精美的英文空心字体特别适合网页设计师&#xff0c;平面设计师和电脑艺术人员。如果你正在寻找漂亮的免费常用英文空心字体&#xff0c;那么这份…

css 日语字体,css字体

在css中,我们常通过font-family设定文本字体,且通过font-size, color, font-weight,text-decoration等设置字体的属性。 font-family: 指包含一组有共同特征的字体。共有五个字体系列:sans-serif, serif, monospace, cursive, fantasy. serif: 指的是有衬线的字体,一般用于…

php中空心字体怎么打,php打印一个边长为N的实心和空心菱型的方法

本文实例讲述了php打印一个边长为N的实心和空心菱型的方法。分享给大家供大家参考。具体分析如下&#xff1a; 实心菱型计算方法&#xff1a; $n&#xff1a;边长 $i&#xff1a;当前行,0开始 $rows&#xff1a;总行数 上部 前面空格数$n-$i-1 字符数$i*21 下部 前面空格数$i-$…

在图片中如何生成带有文字边缘空心字体?

简 介&#xff1a; 带有边缘的空心字体被广泛使用在各类视频的字母显示中&#xff0c;本文给出了一种简单的通过字体震动显示的方式产生空心字体的方法。这种方法可以在原来任何字体都生成相对应的空心字体。 关键词&#xff1a; 空心字体&#xff0c;字幕 #mermaid-svg-YrFvQk…

空心文字HTML,HTML5绘制空心的文本

HTML5绘制空心的文本 1、设计源码HTML5绘制空心的文本 /** * 绘制空心的文本 */ function drawHollowText() { //找到元素 var canvas document.getElementById("canvas"); //创建context对象 var ctx canvas.getContext("2d"); //设置字样和字体大小 ct…

java中font字体_【Java学习】Font字体类的用法介绍

一、Font类简介 Font类是用于设置图形用户界面上的字体样式的&#xff0c;包括字体类型(例如宋体、仿宋、Times New Roman等)、字体风格(例如斜体字、加粗等)、以及字号大小。 二、Font类的引用声明 Font类位于java.awt包中&#xff0c;使用时需要在代码顶端声明import java.aw…

WPF自定义空心文字

原文: WPF自定义空心文字 首先创建一个自定义控件&#xff0c;继承自FrameworkElement&#xff0c;“Generic.xaml”中可以不添加样式。 要自定义空心文字&#xff0c;要用到绘制格式化文本FormattedText类。FormattedText对象提供的文本格式设置功能比WPF提供的已有文本控件提…

html 空心字 以及部分艺术字

前几天做demo 的时候&#xff0c;遇到了一个需求&#xff0c;就是写一个空心字。想了半天没招&#xff0c;就弄了 网上的资源。 现在想想&#xff0c;加上查资料&#xff0c;感觉还是能实现的 空心字主要使用了 css3 的 text-shadow 效果大概是这样的 上代码&#xff1a; &l…

android 字体空心,Android空心圆及层叠效果实现代码

搜索热词 本文实例为大家分享了Android空心圆及层叠效果的具体代码&#xff0c;供大家参考&#xff0c;具体内容如下 package com.bwei.test.zidingyiview2; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.…

html中文字空心如何设置,css 中字体文本小诀窍

本篇介绍 css 几种文本修饰的案例。 1、现实中的文字效果 1.1 凸版印刷效果 背景知识&#xff1a;text-shadow 凸版印刷需要考虑两种情况&#xff1a;浅底深色字和深色浅底字 浅底深色字代码示例 凸版印刷效果之下投影&#xff1a;浅底深色字要下投影 .letterpress-down { back…

cmake常用命令解析

关键字 project可以⽤来指定⼯程的名字和⽀持的语⾔&#xff0c;默认⽀持所有语⾔。eg. project(HELLO)&#xff0c;project(HELLO CXX)set⽤来显式指定变量&#xff0c;eg. set(SRC_LIST main.cpp)message向终端输出用户自定义的信息&#xff0c;主要包含三种信息&#xff1a…

跨 OT 部门管理来自新兴技术的网络风险挑战

本文首发微信公众号网络研究院&#xff0c;关注获取更多。 随着 AI 和自动化工具被引入企业&#xff0c;解决这些新技术&#xff08;包括 OT 环境中的生成 AI&#xff09;带来的网络风险需要一种综合方法。 这些新兴技术进步可以在 OT&#xff08;运营技术&#xff09;基础设…

一句话说清帧同步(附服务器Golang关键代码,客户端JS关键代码)。

任何对帧同步有疑问的人&#xff0c;都应该来看这篇文章&#xff0c;这是参考了2个帧同步模型&#xff0c;遇到各种问题并一一解决之后&#xff0c;彻底明白帧同步讲的是什么玩意的一篇文章。断断续续修改了将近2个月&#xff0c;说多了都是泪:(。 言归简短&#xff0c;书归正…

Roguelike到底是啥?讲讲和Roguelike 相关知识(搬运)

&#xff08;搬运自 http://m.sohu.com/a/126992200_483399&#xff09; &#xff08;个人觉得可以从Rogue - 一切的开始这里开始往下看_(:з」∠)_&#xff09; &#xff08;这篇文章虽然很长&#xff0c;但的确是篇好文章&#xff0c;它里面不仅科普了一些知识&#xff0c;…

秦皇岛 2019 CCPC区域赛 部分代码

Decimal Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Others) Total Submission(s): 2010 Accepted Submission(s): 894 Problem Description 给定一个正整数 n&#xff0c;要求判断 1n 在十进制下是不是一个无限小数。如果是&#xff0c;输出…

python著作_Python 常用库和著作介绍 ---全能与潮流

2017年最新IEEE世界编程语言排行榜公布&#xff0c;Python高居榜首。 在此之前&#xff0c;Python被广泛应用在web开发、系统运维、数据爬虫、数据分析和游戏服务器开发等,随着人工智能的浪潮&#xff0c;Python以其独特的语法特性和丰富的第三方类库成为了机器学习算法编程的优…

【知识蒸馏】让LSTM重返巅峰!

点击上方&#xff0c;选择星标&#xff0c;每天给你送干货&#xff01; 来自 | AINLP 原创 作者 | 叶文杰 工作单位 | vivo 深圳AI研究院 NLP技术组 研究方向 | 自然语言处理 个人介绍 | 就读于东南大学二年级&#xff0c;在2020年8月至2021年1月在vivo 深圳AI研究院 NLP技术组…
最新文章