如何使用支持库字体功能作为TextView内容的一部分(使用spannable)？

作者：石pimentel_958 | 来源：互联网 | 2022-12-19 13:16

如何解决《如何使用支持库字体功能作为TextView内容的一部分(使用spannable)？》经验，为你挑选了2个好方法。

由于这两个答案MJM和TheMatrix实际上是相同的(但过于复杂的我),两者都在同一时间回答,我不能只选择其中的一个,所以我理所当然+1每个,要求他们把它缩短但支持XML标记,以便更轻松地处理字符串文件.

目前,这是如何为TextView中的部分文本设置自定义字体的更短版本:

class CustomTypefaceSpan(private val typeface: Typeface?) : MetricAffectingSpan() {
    override fun updateDrawState(paint: TextPaint) {
        paint.typeface=typeface
    }

    override fun updateMeasureState(paint: TextPaint) {
        paint.typeface=typeface
    }
}

样品用法:

    val text = "Hello world"
    val index = text.indexOf(' ')
    val spannable = SpannableStringBuilder(text)
    spannable.setSpan(CustomTypefaceSpan(ResourcesCompat.getFont(this, R.font.lato_light)), 0, index, Spanned.SPAN_EXCLUSIVE_INCLUSIVE)
    spannable.setSpan(CustomTypefaceSpan(ResourcesCompat.getFont(this, R.font.lato_bold)), index, text.length, Spanned.SPAN_EXCLUSIVE_INCLUSIVE)
    textView.text = spannable

编辑:似乎谷歌提供了一个关于此的视频,在这里:

class CustomTypefaceSpan(val font: Typeface?) : MetricAffectingSpan() {
    override fun updateMeasureState(textPaint: TextPaint) = update(textPaint)
    override fun updateDrawState(textPaint: TextPaint?) = update(textPaint)

    private fun update(tp: TextPaint?) {
        tp.apply {
            val old = this!!.typeface
            val oldStyle = old?.style ?: 0
            val fOnt= Typeface.create(font, oldStyle)
            typeface = font
        }
    }
}

并且在视频中也讨论了在strings.xml中处理它的解决方案,这里使用注释而不是新的HTML标记.例:

strings.xml中

Hello world

MainActivity.kt

    val titleText = getText(R.string.title) as SpannedString
    val spannable = SpannableStringBuilder(titleText)
    val annotatiOns= titleText.getSpans(0, titleText.length, android.text.Annotation::class.java)
    for (annotation in annotations) {
        if(annotation.key=="font"){
            val fOntName=annotation.value
            val typeface= ResourcesCompat.getFont(this@MainActivity,resources.getIdentifier(fontName,"font",packageName))
            spannable.setSpan(CustomTypefaceSpan(typeface),spannable.getSpanStart(annotation),spannable.getSpanEnd(annotation), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
        }
    }
    textView.text = spannable

结果如下:

在此输入图像描述

我仍然很确定可以使用fromHtml,但它可能不值得.

我也想知道如果我们想要使用基本HTML标签和我们为字体设置的cusomzied,如果我们确实annotation在那里使用,应该怎么做.

1> android deve..：

目前,这是如何为TextView中的部分文本设置自定义字体的更短版本:

class CustomTypefaceSpan(private val typeface: Typeface?) : MetricAffectingSpan() {
    override fun updateDrawState(paint: TextPaint) {
        paint.typeface=typeface
    }

    override fun updateMeasureState(paint: TextPaint) {
        paint.typeface=typeface
    }
}

样品用法:

    val text = "Hello world"
    val index = text.indexOf(' ')
    val spannable = SpannableStringBuilder(text)
    spannable.setSpan(CustomTypefaceSpan(ResourcesCompat.getFont(this, R.font.lato_light)), 0, index, Spanned.SPAN_EXCLUSIVE_INCLUSIVE)
    spannable.setSpan(CustomTypefaceSpan(ResourcesCompat.getFont(this, R.font.lato_bold)), index, text.length, Spanned.SPAN_EXCLUSIVE_INCLUSIVE)
    textView.text = spannable

编辑:似乎谷歌提供了一个关于此的视频,在这里:

class CustomTypefaceSpan(val font: Typeface?) : MetricAffectingSpan() {
    override fun updateMeasureState(textPaint: TextPaint) = update(textPaint)
    override fun updateDrawState(textPaint: TextPaint?) = update(textPaint)

    private fun update(tp: TextPaint?) {
        tp.apply {
            val old = this!!.typeface
            val oldStyle = old?.style ?: 0
            val fOnt= Typeface.create(font, oldStyle)
            typeface = font
        }
    }
}

并且在视频中也讨论了在strings.xml中处理它的解决方案,这里使用注释而不是新的HTML标记.例:

strings.xml中

Hello world

MainActivity.kt

    val titleText = getText(R.string.title) as SpannedString
    val spannable = SpannableStringBuilder(titleText)
    val annotatiOns= titleText.getSpans(0, titleText.length, android.text.Annotation::class.java)
    for (annotation in annotations) {
        if(annotation.key=="font"){
            val fOntName=annotation.value
            val typeface= ResourcesCompat.getFont(this@MainActivity,resources.getIdentifier(fontName,"font",packageName))
            spannable.setSpan(CustomTypefaceSpan(typeface),spannable.getSpanStart(annotation),spannable.getSpanEnd(annotation), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
        }
    }
    textView.text = spannable

结果如下:

在此输入图像描述

我仍然很确定可以使用fromHtml,但它可能不值得.

我也想知道如果我们想要使用基本HTML标签和我们为字体设置的cusomzied,如果我们确实annotation在那里使用,应该怎么做.

2> MJM..：

自定义类别适用fonrFamilySpan

 public class MultipleFamilyTypeface extends TypefaceSpan {
        private final Typeface typeFace;

        public MultipleFamilyTypeface(String family, Typeface type) {
            super(family);
            typeFace = type;
        }

        @Override
        public void updateDrawState(TextPaint ds) {
            applyTypeFace(ds, typeFace);
        }

        @Override
        public void updateMeasureState(TextPaint paint) {
            applyTypeFace(paint, typeFace);
        }

        private static void applyTypeFace(Paint paint, Typeface tf) {
            int oldStyle;
            Typeface old = paint.getTypeface();
            if (old == null) {
                oldStyle = 0;
            } else {
                oldStyle = old.getStyle();
            }

            int fake = oldStyle & ~tf.getStyle();
            if ((fake & Typeface.BOLD) != 0) {
                paint.setFakeBoldText(true);
            }

            if ((fake & Typeface.ITALIC) != 0) {
                paint.setTextSkewX(-0.25f);
            }

            paint.setTypeface(tf);
        }
    }

应用字体

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        String firstWord = "Hello ";
        String secOndWord= "Word ";
        String thirdWord = "Normal ";

        TextView textViewTest = findViewById(R.id.textViewTest);

        Spannable spannable = new SpannableString(firstWord + secondWord + thirdWord);

        Typeface CUSTOM_TYPEFACE = ResourcesCompat.getFont(this, R.font.akronim);
        Typeface SECOND_CUSTOM_TYPEFACE = ResourcesCompat.getFont(this, R.font.baloo_thambi);

        spannable.setSpan(new MultipleFamilyTypeface("akronim", CUSTOM_TYPEFACE), 0, firstWord.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        spannable.setSpan(new MultipleFamilyTypeface("baloo_thambi", SECOND_CUSTOM_TYPEFACE), firstWord.length(), firstWord.length() + secondWord.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);


        textViewTest.setText(spannable);
    }
}

输出

自定义标签的编辑方法二

加入implementation 'org.jsoup:jsoup:1.11.3'gradle

 List myCustomTag = new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        TextView textViewTest = findViewById(R.id.textViewTest);


        // mention list custom tag that you used 
        myCustomTag.add("akronim");
        myCustomTag.add("baloo_thambi");
        myCustomTag.add("xyz");

        String html = "Hello"
                + " Word  "
                + " Normal "
                + "  testing  "
                + "Styles";
        textViewTest.setText(processToFontStyle(html));

    }


    public Spannable processToFontStyle(String text) {

        Document doc = Jsoup.parse(text);
        Elements tags = doc.getAllElements();
        String cleanText = doc.text();
        Log.d("ClearTextTag", "Text " + cleanText);
        Spannable spannable = new SpannableString(cleanText);
        List tagsFromString = new ArrayList<>();
        List startTextPosition = new ArrayList<>();
        List endTextPosition = new ArrayList<>();
        for (Element tag : tags) {
            String nodeText = tag.text();
            if (myCustomTag.contains(tag.tagName())) {
                int startingIndex = cleanText.indexOf(nodeText);
                tagsFromString.add(tag.tagName());
                startTextPosition.add(startingIndex);
                endTextPosition.add(startingIndex + nodeText.length());
            }
        }

        Typeface CUSTOM_TYPEFACE = ResourcesCompat.getFont(this, R.font.akronim);
        Typeface SECOND_CUSTOM_TYPEFACE = ResourcesCompat.getFont(this, R.font.baloo_thambi);
        Typeface XYZ_CUSTOM_TYPEFACE = ResourcesCompat.getFont(this, R.font.architects_daughter);


        for (int i = 0; i 

输出

推荐阅读

utf-8
Android 自定义控件起步：自定义TextView

转载至：http:blog.csdn.netlmj623565791articledetails24252901不过对原作进行了相关细节优化，所以才有此文..首先我们看一 ... [详细]

蜡笔小新 2023-09-13 14:11:13
utf-8
【Android每日一讲】2012.11.09 EditText与TextView共舞 - setOnKeyListener事件

1.范例说明EditTextWidget设计的初衷是为了等待User输入而准备的，那么在User输入的同时，又该如何拦截所输入的文字呢？Android的多数Widget都有 ... [详细]

蜡笔小新 2023-09-24 13:17:40
utf-8
实现可点击展开的 TextView

概述Android开发过程中，经常遇到Textview展示不完全的情况。遇到此情况，通常的处理是：方案一Textview添加android:ellipsize属性，让展示不 ... [详细]

蜡笔小新 2023-09-11 14:03:25
format
Android TextView 设置多种颜色

关键词Android、TextView、多种颜色摘要由于项目开发需要，一个TextView为了强调内容，需要显示不同的字体颜色和大小效果图TextView效果图.png方法一int ... [详细]

蜡笔小新 2023-09-09 12:10:23
format
如何在Android中利用TextView对字体颜色进行更改

如何在Android中利用TextView对字体颜色进行更改？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希 ... [详细]

蜡笔小新 2023-09-03 18:11:26
format
TextView实现打印机效果

首先申明,这篇文章不是我写的,我是对着大神的博客,对着写了一遍而已!感谢写这篇文章的作者,其原创博客地址为:http:www.jianshu.comp4d987769785 ... [详细]

蜡笔小新 2023-09-03 12:48:02
format
Android TextView设置不同的颜色字体

AndroidTextView设置不同的颜色字体-这里记录一个比较方便的方式来解决Textview设置不同颜色的字体的方法。可能第一反应是布局的嵌套，这个方法肯定可以啊，但是肯定不 ... [详细]

蜡笔小新 2023-08-31 19:33:08
format
Android 开发中根据搜索内容实现TextView中的文字部分加粗

Android开发中根据搜索内容实现TextView中的文字部分加粗-实现方式没有引入任何依赖，轻量级实现需求效果最近遇到一个需求，需要做一个搜索功能。搜索的内容需要加粗显示。完成 ... [详细]

蜡笔小新 2023-08-31 13:38:22
format
Android开发笔记：使用Picasso加载网络图片等比例缩放

在Android开发中，使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法，并提供了具体的代码实现。通过获取图片的宽高，计算目标宽度和高度，并创建新图实现等比例缩放。 ... [详细]

蜡笔小新 2023-12-14 17:34:00
select
关于cuowu类的错误提示和使用AdjustmentListener的问题

本文讨论了一个关于cuowu类的问题，作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案，并给出了两个可能导致错误的原因。 ... [详细]

蜡笔小新 2023-12-13 22:09:56
select
后台获取视图对应的字符串

1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ... [详细]

蜡笔小新 2023-12-13 18:03:01
input
猜字母游戏

猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]

蜡笔小新 2023-12-13 12:04:03
select
iOS开发小技巧--即时通讯项目:消息发送框(UITextView)高度的变化; 以及UITextView光标复位的小技巧

1.即时通讯项目中输入框(UITextView)跟随输入文字的增多,高度变化的实现最主要的方法就是监听UITextView的文字变化的方法-(void)textViewDidChange: ... [详细]

蜡笔小新 2023-09-17 11:12:55
select
Android TextView预渲染研究

AndroidTextView预渲染研究-Android中的TextView是整个framework中最复杂的控件之一，负责Android中显示文本的大部分工作，framwork中 ... [详细]

蜡笔小新 2023-09-05 15:50:15
utf-8
Android TextView利用measureText自适应文本字体大小宽度

AndroidTextView利用measureText自适应文本字体大小宽度常常有这种情况，UI设计师限定一个文本TextView的宽度值比如80dip，但是该文本长度 ... [详细]

蜡笔小新 2023-09-04 20:39:43

石pimentel_958

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章