New UI-带边框的TextView

New UI-带边框的TextView

 ——转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途!

小猪Android开发交流群已建立,欢迎大家加入,无论是新手,菜鸟,大神都可以,小猪一个人的

力量毕竟是有限的,写出来的东西肯定会有很多纰漏不足,欢迎大家指出,集思广益,让小猪的博文

更加的详尽,帮到更多的人,O(∩_∩)O谢谢!

小猪Android开发交流群:小猪Android开发交流群群号:421858269

新Android UI实例大全目录:http://blog.csdn.net/coder_pig/article/details/42145907

本节引言:

本节介绍的是为TextView设置一个边框背景,常用的边框有矩形与圆角矩形!

另外,因为TextView是很多其他UI控件的父类,比如Button,也可以设置这样的圆角

矩形边框!实现的原理也很简单,就是我们自行编写一个shape的资源文件!

然后TextView直接设置blackground等于这个资源文件即可!

本节正文:

引言里已经说了,关键是编写shape的资源文件,那我们先来看以下几个节点与属性:

<solid android:color = "xxx">       这个是设置背景颜色的

<stroke android:width = "xdp" android:color="xxx">    这个是设置边框的粗细,以及边框颜色的

<padding androidLbottom = "xdp"...>   这个是设置边距的

<corners android:topLeftRadius="10px"...> 这个是设置圆角的 

<gradient> 这个是设置渐变色的,可选属性有:

startColor:起始颜色    endColor:结束颜色    
centerColor:中间颜色

angle:方向角度,等于0时,从左到右,然后逆时针方向转,当angle = 90度时从下往上

type:设置渐变的类型

接下来我们就来实际应用下:

1.编写矩形边框的shape:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 设置一个蓝色边框 -->
    <stroke android:width="2px" android:color="#07387B"/>
    <!-- 渐变 -->
    <gradient
        android:angle="270"
        android:endColor="#C0C0C0"
        android:startColor="#A020F0" />
    <!-- 设置一下边距,让空间大一点 -->
    <padding
        android:left="5dp"
        android:top="5dp"
        android:right="5dp"
        android:bottom="5dp"/>

</shape>

2.编写圆角矩形边框的shape:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 设置透明背景色 -->
    <solid android:color="#87CEEB" />

    <!-- 设置一个绿色边框 -->
    <stroke
        android:width="2px"
        android:color="#000000" />
    <!-- 设置四个圆角的半径 -->
    <corners
        android:bottomLeftRadius="10px"
        android:bottomRightRadius="10px"
        android:topLeftRadius="10px"
        android:topRightRadius="10px" />
    <!-- 设置一下边距,让空间大一点 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />

</shape>

运行的效果图:

恩,关于如何为TextView设置边框与圆角边框,就介绍到这里~