Android编程实现圆角边框布局效果的方法

本文实例讲述了Android编程实现圆角边框布局效果的方法。分享给大家供大家参考，具体如下：

这里用的是TableLayout布局的。先看效果图

下面看下布局文件

<?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="联系电话:" >
      </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>
  <Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="Button" />
</LinearLayout>

表格布局中每个TableRow表示一行，TableRow中的每个基本控件都是一列，这是一个三行两列的布局

这里的表格背景是自定义的shape，下面分别看一下三个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相关内容感兴趣的读者可查看本站专题：《Android布局layout技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

# Android  # 圆角边框  # 布局  # Android手机显示多彩霓虹灯效果  # Android Shader应用开发之霓虹闪烁文字效果  # Android图像处理之霓虹滤镜效果  # Android布局之帧布局FrameLayout详解  # Android布局之FrameLayout帧布局  # Android实现气泡布局/弹窗效果 气泡尖角方向及偏移量可控  # Android布局实现圆角边框效果  # Android动画效果之自定义ViewGroup添加布局动画（五）  # Android给布局、控件加阴影效果的示例代码  # Android布局控件DrawerLayout实现完美侧滑效果  # Android开发实现布局帧布局霓虹灯效果示例  # 圆角  # 不带  # 的是  # 都是  # 进阶  # 相关内容  # 感兴趣  # 这是一个  # 给大家  # 自定义  # 看一下  # 更多关于  # 解决方法  # 所述  # 先看  # 程序设计  # 第三行  # 讲述了  # layout_width  # res 

相关文章： 宝塔Windows建站如何避免显示默认IIS页面？  专业网站建设制作报价,网页设计制作要考什么证？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  建站主机是否等同于虚拟主机？  ,怎么用自己头像做动态表情包？  北京专业网站制作设计师招聘,北京白云观官方网站？  如何通过.red域名打造高辨识度品牌网站？  如何配置IIS站点权限与局域网访问？  建站之星代理平台如何选择最佳方案？  建站之星后台密码遗忘？如何快速找回？  如何在Windows虚拟主机上快速搭建网站？  专业商城网站制作公司有哪些,pi商城官网是哪个？  建站之星后台管理如何实现高效配置？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  Python多线程使用规范_线程安全解析【教程】  导航网站建站方案与优化指南：一站式高效搭建技巧解析  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  如何生成腾讯云建站专用兑换码？  建站之星安装后界面空白如何解决？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  网站制作模板下载什么软件,ppt模板免费下载网站？  如何在万网主机上快速搭建网站？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  制作网站的基本流程,设计网站的软件是什么？  网站制作说明怎么写,简述网页设计的流程并说明原因？  江苏网站制作公司有哪些,江苏书法考级官方网站？  免费视频制作网站,更新又快又好的免费电影网站？  如何高效配置香港服务器实现快速建站？  北京网站制作的公司有哪些,北京白云观官方网站？  建站之星导航菜单设置与功能模块配置全攻略  如何彻底删除建站之星生成的Banner？  如何在云指建站中生成FTP站点？  一键网站制作软件,义乌购一件代发流程？  西安大型网站制作公司,西安招聘网站最好的是哪个？  如何访问已购建站主机并解决登录问题？  建站之星安装步骤有哪些常见问题？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  外贸公司网站制作哪家好,maersk船公司官网？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  如何快速搭建虚拟主机网站？新手必看指南  建站之星安装模板失败：服务器环境不兼容？  如何通过建站之星自助学习解决操作问题？  制作网页的网站有哪些,电脑上怎么做网页？  建站之星如何助力网站排名飙升？揭秘高效技巧  建站之星收费标准详解：套餐费用及年费价格表一览  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  如何确保西部建站助手FTP传输的安全性？