用xml创建带圆角和阴影的按钮背景

效果如图

按钮布局文件

<Button

    android:layout_width="match_parent"

    android:layout_height="80dip"

    android:background="@drawable/hi"

    android:text="@string/click_button"

    android:textColor="#999"

    android:textSize="18dip"

    android:textStyle="bold" />

背景drawable文件

<?xml version="1.0" encoding="utf-8"?>

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- Bottom 2dp Shadow -->

    <item android:bottom="11px" android:top="19px" android:left="10px" android:right="10px">

        <shape android:shape="rectangle" >

            <solid android:color="#ccc" />

            <corners android:radius="7dp" />

        </shape>

    </item>

    <!-- White Top color -->

    <item android:bottom="15px" android:top="15px" android:left="10px" android:right="10px">

        <shape android:shape="rectangle" >

            <solid android:color="#FFFFFF" />

            <corners android:radius="7dp" />

        </shape>

    </item>

</layer-list>

用xml创建带圆角和阴影的按钮背景

时间: 2024-11-11 03:03:53

用xml创建带圆角和阴影的按钮背景的相关文章

二维码图片生成(扩展知识:创建带圆角效果的图片)

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 @interface ViewController : UIViewController 3 @property (strong, nonatomic) IBOutlet UIImageView *imgVQRCode; 4 5 @end ViewController.m 1 #import "ViewController.h" 2 #import "KMQRCo

android 按钮背景 圆角+点击效果

今天做了个按钮,不想麻烦美工做图片,又不喜欢方角的图片,就用xml做了圆角的图片,做好之后发现,点击的时候看不出点击效果了,xml可以定义点击效果, 就想怎么能两个一起实现,网上找了下大致看了一遍都不是我想要的,就慢慢的试了试,结果两者一结合就OK了. 1 <Button 2 android:id="@+id/repeat" 3 android:layout_width="fill_parent" 4 android:layout_height="w

CALayer 知识:创建带阴影效果的圆角图片图层和创建自定义绘画内容图层

效果如下: KMLayerDelegate.h 1 #import <UIKit/UIKit.h> 2 3 @interface KMLayerDelegate : NSObject 4 5 @end KMLayerDelegate.m 1 #import "KMLayerDelegate.h" 2 3 @implementation KMLayerDelegate 4 5 /** 6 * 根据角度,获取对应的弧度 7 * 8 * @param degree 角度 9 *

创建带属性的XML文档

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Xml; namespace 创建带属性的XML文档 { class Program { static void Main(string[] args) { XmlDocument doc = new XmlDocument(); XmlDe

Android 使用Universal Image Loader绘制带圆角的图片(一)

Android 使用Universal Image Loader绘制带圆角的图片(一) 绘制带圆角的控件难吗?貌似不难.对于一个普通layout或者widget,要绘制圆角,只要把 background设置成下面这样的drawable就行了. <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/and

通过android XML 创建图行,减少对美工的依赖

在开发中总会需要自定义各种View的样式,如果总是依赖美工作图弄出需要的UI样式图片(比如:一个按钮要选中和默认两张图片),不但时间上会浪费.往往也会有适配问题.虽然可以通过.9图来解决一些适配问题,依然要花不少时间,毕竟美工通常不懂.9图的制作(得自己动手).所以有时可以通过简单的创建android XML的方式制作需要的View的UI样式(不但快捷,更不会有适配问题). 以下XML代码创建了一个4dip圆角带2px边框的样式(start_use_btn_selector.xml).(带有点击

CSS3实现带动画、阴影的表单提示特效

CSS3实现带动画.阴影的表单提示特效,Form表单提示效果,请不要使用IE浏览,否则你会错过很多精彩的效果,在火狐下你会看到,漂亮的带阴影的表单文本框,而且是圆角的,当鼠标点击表单框的时候出现动画的提示效果,相信你看了之后会喜欢的. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>石家庄标准件</tit

android 带文字阴影的按钮

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:ori

Flutter之Decoration(边框、圆角、阴影、形状、渐变、背景图像等)

1 继续关系: BoxDecoration:实现边框.圆角.阴影.形状.渐变.背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度.底部线.矩形边色.圆形边色.体育场(竖向椭圆). 角形(八边角)边色 FlutterLogoDecoration:实现Flutter图片 UnderlineTabindicator:下划线 2 介绍一个背景装饰对象,相当于Android中的shape.xml,定制各种各样的背景(边框.圆角.阴影.形状.渐变.背景图像). 3 BoxDecorati