前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android实现圆角按钮、文字阴影按钮

Android实现圆角按钮、文字阴影按钮

作者头像
圆号本昊
发布2021-09-24 15:16:45
2K0
发布2021-09-24 15:16:45
举报
文章被收录于专栏:github@hornhuang

效果图:

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

代码语言:javascript
复制
<?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>

三个按钮整体布局文件:

代码语言:javascript
复制
<?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的宏定义:

代码语言:javascript
复制
    <color name="RED" >#ff0000</color>
    <color name="PURPLE" >#9a32cd</color>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018/11/11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档