AndroidTV中实现扁平化TextVIew

           从Android5.0之后就出现了扁平化设计,也就是现在比较主流一种设计,今天所说的扁平化TextView,并不是指TextView的字体扁平化,而是指TextView的样式。

            首先,在开发过程中经常会遇到点击事件,通常当要进行点击时,一般我们首选的控件是button,但在AndroidTV开发中要做到点击与未点击,选中与未选中的控件呈现不太的状态,如果此时选用button的话实现起来就有点麻烦了,因此选用TextView来实现这一功能。

实现原理:

        1):在drawable文件下创建两个shape文件,分别表示不同的状态未选中时以及选中时的状态:                                shape_xxxNormal.xml;                                                                                                                                         shape_xxxFocus.xml。                                                                                                       2):创建selector文件:selector_xxxx。                                                                                                                       

        首先是shape_xxxNormal.xml文件,在这里不做任何设置:

shape_xxxNormal.xml

        然后是shape_xxxFocus.xml文件:

AndroidTV中实现扁平化TextVIew_第1张图片
shape_xxxFocus.xml

然后,写selector_xxx.xml文件:

AndroidTV中实现扁平化TextVIew_第2张图片
selector_xxx.xml

注意,标注的这一句必须先写,写在第一行,否则设置不起作用。

最后在需要的TextView的中设置backGround:

AndroidTV中实现扁平化TextVIew_第3张图片
设置backGround

最后上效果图:


效果图

至此完成TextView的扁平化设计~~~

你可能感兴趣的:(AndroidTV中实现扁平化TextVIew)