Android实现圆角边框布局

来源：互联网发布：怎样配置java环境变量编辑：程序博客网时间：2024/04/28 16:53

效果为

布局文件内容为：

 <!-- 表格布局 -->      <TableLayout          android:layout_width="fill_parent"          android:layout_height="wrap_content"          android:padding="10dip" >          <!-- 表格布局：第一行 -->          <TableRow              android:layout_width="fill_parent"              android:layout_height="wrap_content"              android:background="@drawable/shape_top_corner_no_bottom_line"              android:padding="10dip" >              <TextView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_gravity="center_vertical"                  android:layout_marginRight="10dip"                  android:text="姓名:" >              </TextView>              <EditText                  android:id="@+id/bankingYourNameEditText"                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_gravity="center_vertical"                  android:layout_weight="1"                  android:background="@null"                  android:singleLine="true" >              </EditText>          </TableRow>          <!-- 表格布局：第二行 -->          <TableRow              android:layout_width="fill_parent"              android:layout_height="wrap_content"              android:background="@drawable/shape_no_corner_without_bottom"              android:padding="10dip" >              <TextView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_gravity="center_vertical"                  android:layout_marginRight="10dip"                  android:text="联系电话:" >              </TextView>              <EditText                  android:id="@+id/bankingContactTelEditText"                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_gravity="center_vertical"                  android:layout_weight="1"                  android:background="@null"                  android:inputType="phone"                  android:singleLine="true" >              </EditText>          </TableRow>          <!-- 表格布局：第三行 -->          <TableRow              android:layout_width="fill_parent"              android:layout_height="wrap_content"              android:background="@drawable/shape_bottom_corner_no_top_line"              android:padding="10dip" >              <TextView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_gravity="center_vertical"                  android:layout_marginRight="10dip"                  android:text="联系电话:" >              </TextView>              <EditText                  android:id="@+id/bankingContactTelEditText"                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_gravity="center_vertical"                  android:layout_weight="1"                  android:background="@null"                  android:inputType="phone"                  android:singleLine="true" >              </EditText>          </TableRow>             </TableLayout>

其中的三个android:background指向为自定义的xml文件

第一个：

<?xml version="1.0" encoding="UTF-8"?><!-- 顶部带圆角 白色背景 灰色边框 无下边框 长方体 --><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <item>        <shape>            <solid android:color="#FFFFFF" />            <corners android:topLeftRadius="10dp" android:topRightRadius="10dp"                android:bottomRightRadius="0.1dp" android:bottomLeftRadius="0.1dp" />            <stroke android:width="1dp" android:color="#ffa8abad" />        </shape>    </item>    <item android:top="1dp" android:left="1dp" android:right="1dp">        <shape>            <solid android:color="#FFFFFF" />            <corners android:topLeftRadius="10dp" android:topRightRadius="10dp"                android:bottomRightRadius="0.1dp" android:bottomLeftRadius="0.1dp" />            <stroke android:width="1dp" android:color="#ffffffff" />        </shape>    </item></layer-list>

第二个：

<?xml version="1.0" encoding="UTF-8"?><!-- 不带圆角 白色背景 灰色边框 无下边框 长方体 --><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >    <item>        <shape>            <solid android:color="#FFFFFF" />            <stroke                android:width="1dp"                android:color="#ffa8abad" />        </shape>    </item>    <item        android:left="1dp"        android:right="1dp"        android:top="1dp">        <shape>            <solid android:color="#FFFFFF" />            <stroke                android:width="1dp"                android:color="#ffffffff" />        </shape>    </item></layer-list>

第三个：

<?xml version="1.0" encoding="UTF-8"?><!-- 底部圆角 白色背景 灰色边框 长方体 --><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <item>        <shape>            <solid android:color="#FFFFFF" />            <corners android:topLeftRadius="0.1dp"                  android:topRightRadius="0.1dp"                 android:bottomRightRadius="10dp"                  android:bottomLeftRadius="10dp" />            <stroke  android:width="1dp"                  android:color="#ffa8abad" />        </shape>    </item>    <item   android:top="1dp"         android:bottom="1dp"         android:left="1dp"         android:right="1dp">        <shape>            <solid android:color="#FFFFFF" />            <corners android:topLeftRadius="0.1dp"                  android:topRightRadius="0.1dp"                 android:bottomRightRadius="10dp"                  android:bottomLeftRadius="10dp" />            <stroke  android:width="1dp"                  android:color="#ffffffff" />        </shape>    </item></layer-list>

0 0