如何在浮动按钮中创建或制作或设置自定义背景 android
how to create or make or set custom background in floating button android
我已经创建了自定义浮动按钮并使用了所有库但没有创建自定义浮动按钮如果您知道如何制作自定义浮动按钮我已经非常尝试制作这个按钮。
请帮帮我
我的按钮是这样的:
我的代码
<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" />
您可以简单地使用 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 的教程。
您可以在XML
中使用新版本的FAB,扩展的FAB
旧的
<com.google.android.material.floatingactionbutton.FloatingActionButton/>
最新:
<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton/>
然后你可以定义图标、文本和形状:
android:text="Hi"
app:icon="@android:drawable/ic_media_play"
app:shapeAppearance="@style/ShapeAppearanceOverlay.Material3.FloatingActionButton"
app:shapeAppearanceOverlay="null"
我已经创建了自定义浮动按钮并使用了所有库但没有创建自定义浮动按钮如果您知道如何制作自定义浮动按钮我已经非常尝试制作这个按钮。
请帮帮我
我的按钮是这样的:
我的代码
<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" />
您可以简单地使用 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 的教程。
您可以在XML
中使用新版本的FAB,扩展的FAB旧的
<com.google.android.material.floatingactionbutton.FloatingActionButton/>
最新:
<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton/>
然后你可以定义图标、文本和形状:
android:text="Hi"
app:icon="@android:drawable/ic_media_play"
app:shapeAppearance="@style/ShapeAppearanceOverlay.Material3.FloatingActionButton"
app:shapeAppearanceOverlay="null"