TextView下划线的添加，控制下划线和文字的距离

2017年09月27日 11:37:44 鲨鱼不会飞阅读数：3893 标签： textviewTextView下划更多

个人分类：问题分析

TextView下划线的添加，控制下划线和文字的距离

下面是效果图：

图片：

因为在思考这个效果的时候花了一点时间，所以记录了这个过程：

首先实现上面效果我们首先会想到是什么？

没错就是TextView的自带的下划线的属性:
```
holder.tvCount.setPaintFlags(Paint. UNDERLINE_TEXT_FLAG);
holder.tvCount.getPaint().setAntiAlias(true);//这里要加抗锯齿
```
不过这个实现的是下划线贴在文字的下面，效果不是很好，一般设计师大人也不会这么设计。
然后我想到在下面添加一个横线不就好了，不过多番尝试后发现下划线无法跟随上面文字长短变化，这里要怎么简单处理？

这里思考，想让下面的线和上面长短变化相同，怎么做比较简单？

聪明的你应该已经想到了，就是在下面在放一个TextView不就好了，然后也设置和上面一样的文字给它，他们不就一样了,这里已经完成了主要思路了，然后想只是需要占个长度就好，所以是不是就需要invisible这个属性了啊，占位但是隐藏控件，然后在外面的LinearLayout就会随着里面TextView长度变化而显示下划线的长短了。

<LinearLayoutandroid:layout_width="wrap_content"android:layout_height="30dip"android:gravity="center_horizontal"android:minWidth="33dp"android:orientation="vertical"><TextViewandroid:id="@+id/tv_count"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:singleLine="true"android:text="1"android:textColor="@color/text_second_primary"android:textSize="20sp" /><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="1dp"android:background="#9D9D9D"android:minWidth="10dp"><TextViewandroid:id="@+id/tv_count_tag"android:layout_width="wrap_content"android:layout_height="1dp"android:paddingLeft="2dp"android:paddingRight="2dp"android:background="#9D9D9D"android:minWidth="10dp"android:textSize="20sp"android:visibility="invisible" /></LinearLayout></LinearLayout>

这样是不是就解决了，然后在设置值的时候也给下面的tv_count_tag设置一样的值就好了。

总结一下

上面东西很常见，多数人都会是设置下划线，不过下划线距离文字的距离无法控制，所以不能很好的满足需求，遇到这种的时候，我们就应该换个思路尝试，毕竟方法很多，不能死磕一条路，毕竟开发还是速度越快越好，有时间的话当然是推荐把问题研究透彻。

补充

下面是同学留言说的方法，可以实现上述效果，感谢赐教。
下面是代码：

<RelativeLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"><TextViewandroid:id="@+id/tv_count"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="2" /><Viewandroid:layout_width="wrap_content"android:layout_height="1dp"android:layout_alignBottom="@+id/tv_count"android:layout_alignEnd="@+id/tv_count"android:layout_alignStart="@+id/tv_count"android:background="@color/colorAccent"android:minWidth="4dp" /></RelativeLayout>

结束

TextView下划线的添加，控制下划线和文字的距离相关推荐

css 控制li点与文字的距离
ul>li 默认的样式如下前面的点与文字是有间距的可见,通过设置 text-indent 属性可以调整li点与文字的距离转载于:https://www.cnblogs.com/zhangt ...
水晶报表中对某一栏位值进行处理_合并报表——非同一控制下的企业合并amp;同一控制下的企业合并...
[写在前面] 长期股权投资企业的一种投资行为,投资方通过该行为享有被投资单位的股利分配.净利润等投资收益,处理的是母公司(投资方)的个别财务报表. 只有控股合并才需要编制合并报表,意味着后续计量采用的 ...
TextView文字下划线的添加
<TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@ ...
设置TextView中超链接字体颜色、下划线
ClickableSpan:这是超链接相关的样式控制和点击事件的控制类,我们需要对它进行继承,然后修改成我们需要的样式.其中,可以对超链接文本字符进行颜色.字体大小.字体.下划线.点击事件的自定义控制 ...
如何给PDF文件文本添加绿色下划线？PDF下划线工具怎么用?
我们在阅读PDF文件的时候,有时根据不同重点需要给PDF添加不同颜色的下划线,那么如何给PDF文本添加绿色下划线?给PDF添加不同颜色的下划线是给PDF添加注释的类型之一,我们不仅可以给PDF文件添加 ...
封面的下划线上添加字时候，下划线粗细不均的问题
毕业了,封面上的模板在下划线上写名字,但是文字下面线的粗细和旁边的不一样,很恼怒,一直没有搞对. 后面搞定了.首先在横线上打上文字,之后选择在文字下面添加下划线,这个时候肯定下划线不均匀,那么此时选择 ...
双下划线一粗一细怎么加_css双下划线 css样式中怎样控制下划线的粗细?
html 怎么加双横线给相应的标签加一个属性border-bottom:3px double red; 如果双线间的距离要加大,把3px改为更大的值就行了,不过不能小于3px,不然就叠在一起看不出来是 ...
快捷键下面的下划线，如何控制其是否主动显示？
有些菜单字母下面有下划线,这代表打开本菜单的快捷键.有些应用程序中,只有在你按下ALT之后,那个下划线才出现,这让我们有时候很心烦,可以通过下面的方法来改变: 用鼠标右键找开桌面的"属性&q ...
HTML文本下划线效果,css文本下划线怎么打？
对字体文字加下划线样式,有两种方法,一直直接使用html下划线标签,另外一种是使用CSS下划线样式.下面我们来看一下使用css样式对文字加下划线的方法. css样式实现下划线样式: 使用CSS样式单词 ...
python变量名可以用下划线开头吗_python以下划线开头的变量和函数的作用
在python中,我们经常能看到很多变量名以_下划线开头,而且下划线的数量还不一样,那么这些变量的作用到底是什么? 变量名分类: # 以数字.字母开头: 正常的公有变量名 a = 1 def aa() ...

TextView下划线的添加，控制下划线和文字的距离

TextView下划线的添加，控制下划线和文字的距离

TextView下划线的添加，控制下划线和文字的距离

下面是效果图：

补充

TextView下划线的添加，控制下划线和文字的距离相关推荐

最新文章

热门文章