基础属性详解
- 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添加图片
在实际开发中,我们可能会遇到这种需求:
如图,要实现这种效果,可能你的想法是:一个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)
之后才会有效果
最后,希望此篇博客对大家有所帮助,欢迎提出问题及建议共同探讨,如有兴趣可以关注我的博客,谢谢!