android 实现类似于textview下划线效果
2016-12-13 12:10
375 查看
首先来看最终效果图
实现这个功能首先想到的是使用drawableBottom属性,但是实验后发现,图片不能很好的适配textview的大小,有的时候会比textview上的内容长,有的时候会短。
下面链接的这篇文章很好的讲了9patch,希望仔细看一下,对于下面内容的理解会更深一点。
http://blog.csdn.net/u013443865/article/details/52496492
这篇文章对.9图片进行了讲解,主要我们要了解的是在制作 9patch时描黑边的部分。
绘制之前先来说一下.9图片的四条黑边的意义,每条黑边的意义都不一样。
顶部:在水平拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸(拷贝)
左边:在竖直拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸(拷贝)
底部:在水平拉伸的时候,指定图片里的内容显示的区域
右边:在竖直拉伸的时候,指定图片里的内容显示的区域
实现类似于textview下划线功能主要使用.9图片的拉伸属性。
首先要使用photoshop制作一个上半部分留有透明背景的图片,使用android studio 描边时,左边只描左上半部,表示在竖直拉伸时这个部分可以做无限延伸,,顶部全部描黑,表示水平拉伸时这个部分可以无限拉伸,
.9图片制作完成后,可以在textview控件中实现background属性。引入这个图片,最终实现我们要的效果。
实现这个功能首先想到的是使用drawableBottom属性,但是实验后发现,图片不能很好的适配textview的大小,有的时候会比textview上的内容长,有的时候会短。
下面链接的这篇文章很好的讲了9patch,希望仔细看一下,对于下面内容的理解会更深一点。
http://blog.csdn.net/u013443865/article/details/52496492
这篇文章对.9图片进行了讲解,主要我们要了解的是在制作 9patch时描黑边的部分。
绘制之前先来说一下.9图片的四条黑边的意义,每条黑边的意义都不一样。
顶部:在水平拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸(拷贝)
左边:在竖直拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸(拷贝)
底部:在水平拉伸的时候,指定图片里的内容显示的区域
右边:在竖直拉伸的时候,指定图片里的内容显示的区域
实现类似于textview下划线功能主要使用.9图片的拉伸属性。
首先要使用photoshop制作一个上半部分留有透明背景的图片,使用android studio 描边时,左边只描左上半部,表示在竖直拉伸时这个部分可以做无限延伸,,顶部全部描黑,表示水平拉伸时这个部分可以无限拉伸,
.9图片制作完成后,可以在textview控件中实现background属性。引入这个图片,最终实现我们要的效果。
相关文章推荐
- android 实现textview部分文字点击效果,类似于微博的话题丶用户
- android中TextView的文字实现动态效果,走马灯效果,闪烁效果
- Android使用TextView实现无下划线超链接
- android TextView实现跑马灯效果
- [Android] TextView实现走马灯效果
- android显示TextView文字的倒影效果实现代码
- Android实现多个跑马灯效果,多个文本框TextView的跑马灯
- Android TextView实现点击展开动画效果
- Android中TextView不获取焦点可以实现跑马灯的效果
- Android使用TextView实现无下划线超链接
- Android开发 TextView实现跑马灯效果
- android中TextView的文字实现动态效果,走马灯效果,闪烁效果
- Android TextView实现滚动效果
- Android重写TextView实现文字跑马灯效果
- Android使用TextView实现无下划线超链接
- Android TextView实现跑马灯效果
- Android使用TextView实现无下划线超链接 | 萝卜白菜的博客
- Android使用TextView实现无下划线超链接
- Android实现多个TextView同时显示跑马灯效果
- android TextView的跑马灯效果的实现