TextView详解

基础属性详解

  • layout_width:组件宽度
  • layout_height:组件高度
  • text:设置需要显示的文字
  • textColor:设置显示的文字颜色
  • textSize:设置显示的文字大小
  • background:设置组件背景(可以是颜色可以是图片)
  • gravity:设置组件中内容的对齐方式
  • layout_gravity:设置组件本身在父控件中的对齐方式

开发实例

1.设置TextView字间距和行间距

1.1 字间距
Android TextView 设置字间距并不难,然而网上很多小伙伴搜索到的方法并不靠谱,要么设置了没有效果要么就是太复杂。
例如通过设置TextView的android:textScaleX属性,这并不能真正的达到设置字间距的目的,查看源码解释如下:
Sets the extent by which text should be stretched horizontally.
因此这个属性是设置文本水平方向字体的缩放的,并不是真正意义上的设置字间距。
而真正有效并且简单的方式如下:
第一种:在XML中

android:letterSpacing="0.5"

第二种:在代码中动态设置

textView.setLetterSpacing(0.5);

1.2行间距
Android TextView 设置行间距的相对来说比较简单,可以直接在XML文件中实现,也可以在Java代码实现。
第一种:直接在xml设置

android:lineSpacingExtra="2dp"
android:lineSpacingMultiplier='1.2'

注意:android:lineSpacingExtra是设置行间距,android:lineSpacingMultiplier是设置行间距的倍数。以上两个属性设置任一都可以修改TextView的行间距,可以根据自己需求去选择。

第二种:在Java代码中设置

textView.setLineSpacing(float add, float mult);

参数add表示要增加的行间距数值,对应android:lineSpacingExtra属性;参数mult表示行间距倍数,对应android:lineSpacingMultiplier属性。

2.设置TextView字体加粗

第一种:直接在xml设置

android:textStyle="bold"

textStyle除了可以设置粗体,还可以设置斜体(android:textStyle="italic")

第二种:在Java代码中设置

textView.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD));//加粗
textView.getPaint().setFakeBoldText(true);//加粗

注:两种方法都可以实现字体加粗效果,二选一即可

3.实现跑马灯效果

  • 在xml的Text控件内添加如下代码
android:singleLine="true"//跑马灯效果条件之一,文字单行显示
android:ellipsize="marquee"//设置跑马灯效果
android:marqueeRepeatLimit="marquee_forever"//设置循环次数,marquee_forever表示无限循环

注:ellipsize的其他用法:可以设置省略号显示的位置。
1.start开头显示省略号(必须结合android:singleLine="true"来使用,否则无效)
2.middle中间显示省略号(必须结合android:singleLine="true"来使用,因为设置middle值时,只针对单行有效,如果设置多行,将没有效果)
3.end结尾显示省略号(结合android:maxLines="2"或者android:lines="2"使用)

  • 在Activity或者Fragment或者Adapter内添加如下代码:
textView.setSelected(true);//必须加否则无法实现效果

4.TextView添加图片

在实际开发中,我们可能会遇到这种需求:


img

如图,要实现这种效果,可能你的想法是:一个ImageView用于显示图片 + 一个TextView用于显示文字,然后把他们丢到一个LinearLayout中,接着依次创建四个这样的小布局,再另外放到一个大的LinearLayout中,效果是可以实现,但是会不会有点繁琐呢?而且前面我们前面也说过,布局层次越少,性能越好!使用drawableXxx就可以省掉上面的过程,直接设置四个TextView就可以完成我们的需求!

基本用法:

给TextView设置图片的核心其实就是:drawableXxx;可以设置四个方向的图片: drawableTop(文字上方),drawableButtom(文字下方),drawableLeft(文字左边),drawableRight(文字右边) 另外,你也可以使用drawablePadding来设置图片与文字间的间距!

1.在XML中设置

android:drawableRight="@drawable/icon"
android:drawablePadding="8dp"

2.在Java代码中设置

viewHolder.mNum.setCompoundDrawablesWithIntrinsicBounds(null, null, mContext.getResources().getDrawable(R.drawable.icon), null);//(顺序分别为left,top,right,bottom)
viewHolder.mNum.setCompoundDrawablePadding(8);                        

遇到的一些问题:

注:一开始使用setCompoundDrawables(Drawable left,Drawable top,Drawable right, Drawable bottom)没有效果,原因是Drawable必须已经setBounds(Rect)之后才会有效果

最后,希望此篇博客对大家有所帮助,欢迎提出问题及建议共同探讨,如有兴趣可以关注我的博客,谢谢!

你可能感兴趣的:(TextView详解)