Android开发实现的圆角按钮、文字阴影按钮效果示例

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

本文实例讲述了Android开发实现的圆角按钮、文字阴影按钮效果。分享给大家供大家参考,具体如下:

效果图:

如果要实现圆角图片,并变色须在drawable中配置背景文件如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
  <item android:state_pressed="true">
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <!-- 圆角深红色按钮 -->
      <solid android:color="@color/RED"/>
      <corners android:radius="15dip"/>
    </shape>
  </item>
  <item android:state_pressed="false">
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <!-- 圆角红色按钮 -->
      <solid android:color="@color/PURPLE"/>
      <corners android:radius="15dip"/>
    </shape>
  </item>
</selector>

三个按钮整体布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/root"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <!--文字带阴影的按钮-->
  <!--阴影模糊程度:android:shadowRadius="5"-->
  <!--阴影与文字的距离:android:shadowDx="20"-->
  <!--android:shadowDy="20"-->
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="文字带阴影的按钮"
    android:textSize="20pt"
    android:shadowColor="#aa5"
    android:shadowRadius="5"
    android:shadowDx="20"
    android:shadowDy="20"/>
  <!--普通文字按钮-->
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#836622"
    android:text="普通按钮"
    android:textSize="20pt"/>
  <!--带文字的图片按钮-->
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_selector"
    android:textSize="20px"
    android:text="带文字的按钮"/>
</LinearLayout>

颜色RED和PURPLE的宏定义:

<color name="RED" >#ff0000</color>
<color name="PURPLE" >#9a32cd</color>

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android控件用法总结》、《Android开发入门与进阶教程》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android数据库操作技巧总结》及《Android资源操作技巧汇总

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

更多精彩内容其他人还在看

Android媒体开发之音乐播放器

这篇文章主要为大家详细介绍了Android媒体开发之音乐播放器,播放SD卡中的音乐,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android使用Spinner实现城市级联下拉框

这篇文章主要为大家详细介绍了Android使用Spinner实现城市级联下拉框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义scrollView实现顶部图片下拉放大

这篇文章主要为大家详细介绍了Android自定义scrollView实现顶部图片下拉放大,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

android ScrollView实现下拉放大头部图片

这篇文章主要为大家详细介绍了android ScrollView实现下拉放大头部图片,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义View实现打钩动画功能

本篇文章通过实例给大家分享了Android自定义View实现打钩动画功能的过程和代码分享,有兴趣需要的学习下吧。
收藏 0 赞 0 分享

Android DragImageView实现下拉拖动图片放大效果

这篇文章主要为大家详细介绍了Android DragImageView实现下拉拖动图片放大效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android仿QQ好友详情页下拉顶部图片缩放效果

这篇文章主要为大家详细介绍了Android仿QQ好友详情页下拉顶部图片缩放效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android ListView实现下拉顶部图片变大效果

这篇文章主要为大家详细介绍了Android ListView实现下拉顶部图片变大,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android编程设计模式之工厂方法模式实例详解

这篇文章主要介绍了Android编程设计模式之工厂方法模式,结合实例形式详细分析了Android工厂方法模式的概念、原理、使用方法及相关注意事项,需要的朋友可以参考下
收藏 0 赞 0 分享

Android编程设计模式之抽象工厂模式详解

这篇文章主要介绍了Android编程设计模式之抽象工厂模式,结合实例形式详细分析了Android抽象工厂模式的概念、原理、使用方法及相关注意事项,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多