Android布局实现圆角边框效果

首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml,分别是下面两个角是圆角边框,上面两个角是圆角边框,四个角全部是圆角边框。

shape_corner_down.xml:

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#0099CC" /> <corners android:bottomRightRadius="20dp" android:bottomLeftRadius="20dp"/> <stroke android:width="1dp" android:color="#000000"/> </shape>

shape_corner_up.xml:

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#CCCC99" /> <corners android:topLeftRadius="20dp" android:topRightRadius="20dp" /> <stroke android:width="1dp" android:color="#000000" /> </shape>

shape_corner.xml:

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#99CCFF" /> <corners android:topLeftRadius="20dp" android:topRightRadius="20dp" android:bottomRightRadius="20dp" android:bottomLeftRadius="20dp"/> <stroke android:width="1dp" android:color="#000000" /> </shape>

<solid android:color>设置了背景颜色。android:topLeftRadius、android:topRightRadius、android:bottomLeftRadius、android:bottomRightRadius分别是左上角、右上角、左下角、右下角的半径值,设置了半径值,相应的角就是圆角,半径值越大,圆角就越大。<stroke>设置边界属性,如边界的宽度、颜色等。

在activity_main.xml上面放置三个LinearLayout,分别设置android:background属性为shape_corner_up.xml、shape_corner_down.xml和shape_corner.xml,运行结果如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-07-30 11:33:08

Android布局实现圆角边框效果的相关文章

Android布局实现圆角边框效果_Android

首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml.shape_corner_up.xml和shape_corner.xml,分别是下面两个角是圆角边框,上面两个角是圆角边框,四个角全部是圆角边框.  shape_corner_down.xml: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android=

Android布局实现圆角边框的两个方法

方法一 使用 drawable-mdpi 设置边框圆角可以在drawable-mdpi目录里定义一个xml: <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">      <solid android:color="#000000" />

Android布局实现圆角边框

这里用的是TableLayout布局的.先看效果图 下面看下布局文件 [html] view plaincopy <?xml version="1.0" encoding="utf-8"?>   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       android:layout_width="fill_parent&

Android编程实现圆角边框的方法_Android

本文实例讲述了Android编程实现圆角边框的方法.分享给大家供大家参考,具体如下: 设置边框圆角可以在drawable-mdpi目录里定义一个xml: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="

css与图片实现圆角边框效果

本文介绍的是用图片实现的圆角边框效果,如果运用得当,一定可以让你的页面增色不少. 用图片实现圆角边框的效果 – 示例    代码如下 复制代码 <style type="text/css"> .box, .box .content, .box .title, .box .title * { background: #FFF url('bg_box_green_800x800.gif') 100% 100% no-repeat; } .box { margin: 3px 0;

Android布局变化时动画效果的现实(二)

MainActivity如下: package wy.test; import android.animation.AnimatorInflater; import android.animation.LayoutTransition; import android.animation.ObjectAnimator; import android.app.Activity; import android.content.Context; import android.os.Bundle; imp

Android布局变化时动画效果的现实(一)

MainActivity如下: package cc.test; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.LinearLayo

js css 圆角边框效果代码

提示:您可以先修改部分代码再运行 圆角效果 本代码由网页特效网提供 提示:您可以先修改部分代码再运行

兼容IE6的图片圆角边框CSS

纯CSS实现的图片圆角边框效果,兼容IE6. 实现原理很简单,利用绝对定位,使一个背景为PNG图片的边框覆盖在原始图片上面.而兼容IE6,本文用的是一段JS来让万恶的万万人诅咒的IE6识别PNG图片的.当然,你还可以用滤镜的方式让IE6实现PNG效果.本文后面我会附上两种解决方案.个人比较推崇用JS来实现IE6PNG,适应性比较强,但如果你只有一两处用到PNG,完全可以用滤镜的方式来实现.核心CSS代码: .i_roundimg{ background:url(http://mrthink.ne