您当前的位置: 首页 > 
  • 1浏览

    0关注

    674博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Spannable的简单用法

沙漠一只雕得儿得儿 发布时间:2018-09-03 16:11:41 ,浏览量:1

先上图,简单给文字设置的效果如下:

 

布局文件就是两个textView:




    

    

    

java文件中就是上下两个TextView的具体文字效果的设置:

public class MainActivity extends AppCompatActivity {

    TextView textView1;
    TextView textView2;
    TextView textView3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        textView1 = (TextView) findViewById(R.id.txt1);
        textView2 = (TextView) findViewById(R.id.txt2);
        textView3 = (TextView) findViewById(R.id.txt3);

        /**
         * 图中上面的两个点
         */
        SpannableString spannableString1 = new SpannableString("My text \nbullet one\nbullet two");
        spannableString1.setSpan(new BulletSpan(25, Color.RED), 9, 18, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        spannableString1.setSpan(new BulletSpan(25, Color.RED), 20, spannableString1.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        textView1.setText(spannableString1);

        /**
         * 下面的TextView文字效果的设置
         */
        SpannableStringBuilder spannableString2 = new SpannableStringBuilder("Text is spantastic!");
//        SpannableStringBuilder spannableString = new SpannableStringBuilder("Text is sp\nantastic!");换行通过\n
        //指定文字颜色
        spannableString2.setSpan(new ForegroundColorSpan(Color.RED),8,12, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        //文字大小,1.5是文字大小的1.5倍
        spannableString2.setSpan(new RelativeSizeSpan(1.5f),0,4,SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);
        //文字大小是3倍
        spannableString2.setSpan(new RelativeSizeSpan(3f),10,spannableString2.length(),SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);
        //指定文字加粗
        spannableString2.setSpan(new StyleSpan(BOLD), 8, spannableString2.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        //指定文字背景颜色
        spannableString2.setSpan(new BackgroundColorSpan(Color.BLUE), 1, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        //指定文字中间划线
        spannableString2.setSpan(new StrikethroughSpan(), 13, 16, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        //附加文字内容
        spannableString2.append("hahahaha");

        //下面两种添加图片方法,将指定位置文字替换成了图片
        //spannableString2.setSpan(new ImageSpan(this, R.mipmap.ic_launcher), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        Drawable drawable = getResources().getDrawable(R.mipmap.ic_launcher_round);
        drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());
        spannableString2.setSpan(new ImageSpan(drawable), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        textView2.setText(spannableString2);

        //添加点击事件.可以换行点击
        SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder();
        spannableStringBuilder.append("好冷啊,冻得\n瑟瑟发抖");
        ClickableSpan clickableSpan = new ClickableSpan() {
            @Override
            public void onClick(View widget) {
                Toast.makeText(MainActivity.this, "老铁666", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void updateDrawState(TextPaint ds) {
                //设置文本的颜色
                ds.setColor(Color.GREEN);
                //超链接形式的下划线,false 表示不显示下划线,true表示显示下划线
                ds.setUnderlineText(false);
            }
        };
        spannableStringBuilder.setSpan(clickableSpan, 4, 9 , Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        textView3.setText(spannableStringBuilder);
        textView3.setMovementMethod(LinkMovementMethod.getInstance());

    }
}

Spannable功能强大,除了设置文字效果,还可以添加图片、点击效果等,具体可以参看下面的几篇博客:

https://blog.csdn.net/qq_16430735/article/details/50427978

https://www.jianshu.com/p/05c03e30c849

 

 

关注
打赏
1657159701
查看更多评论
立即登录/注册

微信扫码登录

0.1410s