TextView文本设置不同的样式

本文介绍如何利用Android的SpannableString类来设置文本样式,包括字体、大小、颜色、下划线等,并提供了实例代码演示。

解锁新技能,遇到需要一段文字中某几个字需要加粗,问同事之后get新技能,使用Android的SpannableString可以实现。

一个SpannableString对象可以设置不同的样式,如文字大小、背景色 、前景色、下划线等等,得到需要设置不同样式的字符串的位置,给下标值从该位置开始到字符串结束位置的一段字符串设置新的样式。

msp.setSpan()参数:

  • params1:样式对象 可以为TypefaceSpan对象,RelativeSizeSpan对象等
  • params2:字符串开始位置
  • params3:字符串结束位置
  • params4:标识,标注应用的范围 一般有如下四种:

Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括)
Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括,后面不包括)
Spanned.SPAN_EXCLUSIVE_INCLUSIVE(前面不包括,后面包括)
Spanned.SPAN_INCLUSIVE_INCLUSIVE(前后都包括)

附上实例代码

public class TextViewLinkActivity extends Activity {   
    TextView mTextView = null;      
    SpannableString msp = null;     

    /** Called when the activity is first created. */  
    @Override  
    public void onCreate(Bundle savedInstanceState) {   
        super.onCreate(savedInstanceState);   
        setContentView(R.layout.main);   

        mTextView = (TextView)findViewById(R.id.myTextView);   

        //创建一个 SpannableString对象     
        msp = new SpannableString("字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合/bot");    

        //设置字体(default,default-bold,monospace,serif,sans-serif)   
        msp.setSpan(new TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   
        msp.setSpan(new TypefaceSpan("serif"), 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   

        //设置字体大小(绝对值,单位:像素)    
        msp.setSpan(new AbsoluteSizeSpan(20), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   
        msp.setSpan(new AbsoluteSizeSpan(20,true), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //第二个参数boolean dip,如果为true,表示前面的字体大小单位为dip,否则为像素,同上。   

        //设置字体大小(相对值,单位:像素) 参数表示为默认字体大小的多少倍   
        msp.setSpan(new RelativeSizeSpan(0.5f), 8, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //0.5f表示默认字体大小的一半   
        msp.setSpan(new RelativeSizeSpan(2.0f), 10, 12, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //2.0f表示默认字体大小的两倍   

        //设置字体前景色   
        msp.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12, 15, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //设置前景色为洋红色   

        //设置字体背景色   
        msp.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //设置背景色为青色   

        //设置字体样式正常,粗体,斜体,粗斜体   
        msp.setSpan(new StyleSpan(android.graphics.Typeface.NORMAL), 18, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //正常   
        msp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 20, 22, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //粗体   
        msp.setSpan(new StyleSpan(android.graphics.Typeface.ITALIC), 22, 24, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //斜体   
        msp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 24, 27, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //粗斜体   

        //设置下划线   
        msp.setSpan(new UnderlineSpan(), 27, 30, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   

        //设置删除线   
        msp.setSpan(new StrikethroughSpan(), 30, 33, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   

        //设置上下标   
        msp.setSpan(new SubscriptSpan(), 34, 35, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //下标      
        msp.setSpan(new SuperscriptSpan(), 36, 37, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   //上标               

        //超级链接(需要添加setMovementMethod方法附加响应)   
        msp.setSpan(new URLSpan("tel:4155551212"), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //电话      
        msp.setSpan(new URLSpan("mailto:webmaster@google.com"), 39, 41, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //邮件      
        msp.setSpan(new URLSpan("http://www.baidu.com"), 41, 43, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //网络      
        msp.setSpan(new URLSpan("sms:4155551212"), 43, 45, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //短信   使用sms:或者smsto:   
        msp.setSpan(new URLSpan("mms:4155551212"), 45, 47, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //彩信   使用mms:或者mmsto:   
        msp.setSpan(new URLSpan("geo:38.899533,-77.036476"), 47, 49, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //地图      

        //设置字体大小(相对值,单位:像素) 参数表示为默认字体宽度的多少倍   
        msp.setSpan(new ScaleXSpan(2.0f), 49, 51, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //2.0f表示默认字体宽度的两倍,即X轴方向放大为默认字体的两倍,而高度不变   

        //设置字体(依次包括字体名称,字体大小,字体样式,字体颜色,链接颜色)   
        ColorStateList csllink = null;   
        ColorStateList csl = null;   
        XmlResourceParser xppcolor=getResources().getXml (R.color.color);   
        try {   
            csl= ColorStateList.createFromXml(getResources(),xppcolor);   
        }catch(XmlPullParserException e){   
            // TODO: handle exception   
            e.printStackTrace();           
        }catch(IOException e){   
            // TODO: handle exception   
            e.printStackTrace();           
        }   

        XmlResourceParser xpplinkcolor=getResources().getXml(R.color.linkcolor);   
        try {   
            csllink= ColorStateList.createFromXml(getResources(),xpplinkcolor);   
        }catch(XmlPullParserException e){   
            // TODO: handle exception   
            e.printStackTrace();           
        }catch(IOException e){   
            // TODO: handle exception   
            e.printStackTrace();           
        }   
        msp.setSpan(new TextAppearanceSpan("monospace",android.graphics.Typeface.BOLD_ITALIC, 30, csl, csllink), 51, 53, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);    

        //设置项目符号   
        msp.setSpan(new BulletSpan(android.text.style.BulletSpan.STANDARD_GAP_WIDTH,Color.GREEN), 0 ,msp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //第一个参数表示项目符号占用的宽度,第二个参数为项目符号的颜色   

        //设置图片   
        Drawable drawable = getResources().getDrawable(R.drawable.icon);    
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());     
        msp.setSpan(new ImageSpan(drawable), 53, 57, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   

        mTextView.setText(msp);   
        mTextView.setMovementMethod(LinkMovementMethod.getInstance());    
    }   
} 
### Android TextView 样式设置的方法 在 Android 中,可以通过多种方式为 `TextView` 设置样式。以下是几种常见的实现方法: #### 1. **自定义字体** 可以使用 `Typeface.createFromAsset()` 方法加载自定义字体文件并将其应用于 `TextView`。这种方法允许开发者灵活地调整应用内的文字风格。 ```java // 加载自定义字体 Typeface typeface = Typeface.createFromAsset(getAssets(), "fonts/custom_font.ttf"); // 应用于TextView TextView textView = (TextView) findViewById(R.id.textview); textView.setTypeface(typeface); ``` 此代码片段展示了如何通过资产目录下的 `.ttf` 文件创建自定义字体,并将其分配给指定的 `TextView`[^1]。 --- #### 2. **点击状态样式的改变** 为了使 `TextView` 在不同状态下(如按下、选中等)显示不同样式,可以利用 XML Selector 定义点击效果。这种方式通常用于按钮或其他交互控件上。 ```xml <!-- res/drawable/text_selector.xml --> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:color="@color/colorPressed"/> <item android:state_focused="true" android:color="@color/colorFocused"/> <item android:color="@color/defaultColor"/> </selector> ``` 接着,在布局文件中引用该选择器作为 `TextView` 的文本颜色属性: ```xml <TextView android:id="@+id/textview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Click Me" android:textColor="@drawable/text_selector" /> ``` 上述代码实现了当用户点击或聚焦于 `TextView` 时,其颜色会发生变化的效果[^2]。 --- #### 3. **动态设置 Drawable 图标及其大小** 如果希望在运行时向 `TextView` 添加图标(如顶部 drawable),则可通过编程方式进行配置。此外,还可以控制这些图标的尺寸。 ```java public class TextDrawable extends AppCompatTextView { public TextDrawable(Context context) { super(context); // 动态设置DrawableTop资源 Drawable drawable = ContextCompat.getDrawable(context, R.drawable.ic_top_icon); if (drawable != null) { int size = dpToPx(24); // 转换dp到px单位 drawable.setBounds(0, 0, size, size); } setCompoundDrawables(null, drawable, null, null); } private int dpToPx(int dp) { return Math.round(dp * getContext().getResources().getDisplayMetrics().density); } } ``` 这里展示了一个扩展类的例子,其中包含了将顶部图标设置为固定大小的功能[^3]。 --- #### 总结 综上所述,针对 `TextView` 的样式定制主要包括但限于以下几个方面: - 使用自定义字体提升视觉体验; - 利用 StateListDrawable 实现交互反馈; - 编程手段精确管理附属图像的位置与比例。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值