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

所属分类: 软件编程 / Android 阅读数: 23
收藏 0 赞 0 分享

本文实例讲述了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中加入名片扫描功能实例代码的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

Android仿微信发表说说实现拍照、多图上传功能

这篇文章主要为大家详细介绍了Android仿微信发表说说实现拍照、多图上传功能,使用Retrofit2.0技术,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

设置Android系统永不锁屏永不休眠的方法

在进行Android系统开发的时候,有些特定的情况需要设置系统永不锁屏,永不休眠。本篇文章给大家介绍Android 永不锁屏,开机不锁屏,删除设置中休眠时间选项,需要的朋友一起学习吧
收藏 0 赞 0 分享

Android Retrofit 2.0框架上传图片解决方案

这篇文章主要介绍了Android Retrofit 2.0框架上传一张与多张图片解决方案,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义等待对话框

这篇文章主要为大家详细介绍了Android自定义等待对话框的实现方法,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android中Window添加View的底层原理

这篇文章主要介绍了Android中Window添加View的底层原理,需要的朋友可以参考下
收藏 0 赞 0 分享

Android调用系统默认浏览器访问的方法

这篇文章主要介绍了Android调用系统默认浏览器访问的方法的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

Android开发退出程序的方法汇总

Android程序有很多Activity,比如说主窗口A,调用了子窗口B,子窗口B又调用子窗口C,back返回子窗口B后,在B中如何关闭整个Android应用程序呢? 下面脚本之家小编就给大家介绍android开发退出程序的几种方法,感兴趣的朋友参考下吧
收藏 0 赞 0 分享

Android程序开发中单选按钮(RadioGroup)的使用详解

在android程序开发中,无论是单选按钮还是多选按钮都非常的常见,接下来通过本文给大家介绍Android程序开发中单选按钮(RadioGroup)的使用,需要的朋友参考下吧
收藏 0 赞 0 分享

Android实现仿网易今日头条等自定义频道listview 或者grideview等item上移到另一个view中

这篇文章主要介绍了Android实现仿网易今日头条等自定义频道listview 或者grideview等item上移到另一个view中 的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多