Android編程實(shí)現(xiàn)圓角邊框布局效果的方法

2019-10-22 18:33:35

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了Android編程實(shí)現(xiàn)圓角邊框布局效果的方法。分享給大家供大家參考，具體如下：

這里用的是TableLayout布局的。先看效果圖

Android,圓角邊框,布局

下面看下布局文件

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"  android:layout_width="fill_parent"  android:layout_height="fill_parent"  android:background="#FFFFFF"  android:orientation="vertical" >  <!-- 表格布局 -->  <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="聯(lián)系電話:" >      </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="聯(lián)系電話:" >      </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>  <Button    android:id="@+id/button1"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center"    android:text="Button" /></LinearLayout>

表格布局中每個(gè)TableRow表示一行，TableRow中的每個(gè)基本控件都是一列，這是一個(gè)三行兩列的布局

這里的表格背景是自定義的shape，下面分別看一下三個(gè)shape的代碼。

shape_top_corner_no_bottom_line.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>

shape_no_corner_without_bottom.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" />      <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>

shape_bottom_corner_no_top_line.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="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>

希望本文所述對大家Android程序設(shè)計(jì)有所幫助。

注：相關(guān)教程知識(shí)閱讀請移步到Android開發(fā)頻道。

上一篇：Android 中build.prop 文件與 getprop 命令

下一篇：Android 圖片網(wǎng)格布局控件示例代碼