如何在浮动按钮android中创建或制作或设置自定义背景

时间:2016-10-10 07:19:20

标签: java android button floating-action-button

我已创建自定义浮动按钮并使用所有库但未创建自定义浮动按钮我已经非常尝试使用此按钮,如果您知道如何制作自定义浮动按钮。
Plz帮助我

我的按钮看起来像这样:

Floating Button image

我的代码

<Button
    android:id="@+id/btn_build_now"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_weight="0"
    android:background="@color/Background_Main"
    android:drawableBottom="@drawable/button_bg"
    android:paddingBottom="10dp" />

1 个答案:

答案 0 :(得分:3)

您只需使用Android支持库即可创建浮动操作按钮。 例如,这里是一个浮动动作按钮示例,其中包含自定义背景颜色,按下和聚焦状态。

<强> XML

<android.support.design.widget.FloatingActionButton xmlns:app="http://schemas.android.com/apk/res-auto"
                    android:id="@+id/fb"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:src="@drawable/fb_icon_play"
                    app:backgroundTint="@drawable/fb_play_bg" />

可绘制文件夹中的fb_icon_play.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/floating_button_blue_play_icon_pressed" />
    <item android:state_focused="true" android:drawable="@drawable/floating_button_yellow_play_icon_pressed" />

    <item android:drawable="@drawable/floating_button_yellow_play_icon_pressed" />
</selector>

可绘制文件夹中的fb_play_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true" android:state_pressed="false" android:color="#3389b3"/>
<item android:state_focused="true" android:state_pressed="true" android:color="#3389b3" />
<item android:state_focused="false" android:state_pressed="true" android:color="#d1930f" />
<item android:color="#3389b3" />
</selector>

Here是另一个用于创建自定义FloatingActionButton的教程。