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

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

概述本文实例讲述了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"?><!-- 顶部带圆角 白色背景 灰色边框 无下边框 长方体 --><@R_891_3419@ 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></@R_891_3419@>

shape_no_corner_without_bottom.xml文件:不带圆角 白色背景 灰色边框 无下边框 长方体

<?xml version="1.0" enCoding="UTF-8"?><!-- 不带圆角 白色背景 灰色边框 无下边框 长方体 --><@R_891_3419@ 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></@R_891_3419@>

shape_bottom_corner_no_top_line.xml文件:底部圆角 白色背景 灰色边框 长方体

<?xml version="1.0" enCoding="UTF-8"?><!-- 底部圆角 白色背景 灰色边框 长方体 --><@R_891_3419@ 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></@R_891_3419@>

更多关于AndroID相关内容感兴趣的读者可查看本站专题:《Android布局layout技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》及《Android控件用法总结》

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

总结

以上是内存溢出为你收集整理的Android编程实现圆角边框布局效果的方法全部内容,希望文章能够帮你解决Android编程实现圆角边框布局效果的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1145881.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存