使用SpanableString实现textview部分字体点击事件(不同颜色)

使用SpanableString实现textview部分字体点击事件(不同颜色)

之前看到qq那种文本里面带@好友的,点击@XX就可以触发点击事件的效果很是好奇,后来无意间发现这个SpanableString,话说这个东东,功能还真是蛮强大的。这篇博客只讲一下ClickableSpan
今天尝试学习了下, 记录一下学习过程。
先上效果图吧:
效果图
感觉是不是还不错。
怎么实现的呢, 其实非常简单。
简单贴下代码吧:

        tv_hello = (TextView)findViewById(R.id.tv_hello);
        tv_hello.setText("这是一个spannable文本:");

        SpannableString spStr = new SpannableString("sunflowerseat的博客:http://my.csdn.net/Fancy_xty");
        String s1 = "sunflowerseat";
        String s2 = "http://my.csdn.net/Fancy_xty";
        NoLineClickSpan clickSpan = new NoLineClickSpan("#268F83"); //设置超链接
        ClickableSpan clickSpan2 = new ClickableSpan() {
            @Override
            public void onClick(View widget) {
                Toast.makeText(MainActivity.this, "你点击了" + s2, Toast.LENGTH_SHORT).show();
            }
        }; //设置超链接
        spStr.setSpan(clickSpan, 0, s1.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
        spStr.setSpan(clickSpan2, spStr.length()-s2.length(), spStr.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
        tv_hello.append(spStr);
        tv_hello.setMovementMethod(LinkMovementMethod.getInstance());
        //设置文本不高亮,如果需要点击后高亮文本,删掉这句即可
        tv_hello.setHighlightColor(Color.parseColor("#00000000"));

由于默认的ClickableSpan是会带下划线的, 所以这里需要实现一个不带下划线的ClickableSpan。代码如下:

private class NoLineClickSpan extends ClickableSpan {
        String color;

        public NoLineClickSpan(String color) {
            super();
            this.color = color;
        }

        @Override
        public void updateDrawState(TextPaint ds) {
        //设置字体颜色
            ds.setColor(Color.parseColor(color));
            ds.setUnderlineText(false); //去掉下划线
        }

        @Override
        public void onClick(View widget) {
            //点击超链接时调用
            Toast.makeText(XXActivity.this, "您点击了sunflowerseat", Toast.LENGTH_SHORT).show();
        }
    }

是不是非常简单,赶紧尝试一下吧。
有问题可加群讨论:283272067

在 Kotlin 中,您可以使用 SpannableString 和 ClickableSpan 实现TextView 中设置不同字体大小、颜色点击事件的效果。下面是一个示例代码: ```otlin val text = "这是一个示例文本" val spannableString = SpannableString(text) // 设置部分文字的字体大小 val sizeSpan = RelativeSizeSpan(1.5f) // 放大1.5倍 spannableString.setSpan(sizeSpan, 2, 5, Spanned.SPAN_INCLUSIVE_INCLUSIVE) // 设置第2到第5个字符的字体大小 // 设置部分文字的颜色 val colorSpan = ForegroundColorSpan(Color.RED) spannableString.setSpan(colorSpan, 8, 10, Spanned.SPAN_INCLUSIVE_INCLUSIVE) // 设置第8到第10个字符的颜色 val textView = findViewById<TextView>(R.id.textView) textView.text = spannableString // 设置部分文字的点击事件 val clickableSpan = object : ClickableSpan() { override fun onClick(widget: View) { // 在这里处理点击事件 Toast.makeText(this@MainActivity, "点击事件触发了", Toast.LENGTH_SHORT).show() } } spannableString.setSpan(clickableSpan, 2, 4, Spanned.SPAN_INCLUSIVE_INCLUSIVE) // 设置第2到第4个字符的点击事件 textView.text = spannableString textView.movementMethod = LinkMovementMethod.getInstance() // 必须设置这个方法才能触发点击事件 ``` 上述代码中,我们创建了一个 SpannableString 对象,然后使用 setSpan() 方法来设置不同的 Span(包括字体大小、颜色点击事件)。最后,将 SpannableString 对象设置给 TextView 显示出来。 希望能对您有所帮助!如果您有任何其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值