[英]How to add a border in floating action button
我有一個帶有全白色背景色和圖像源的浮動按鈕。 我想用灰色邊框包圍它。 我找不到任何辦法。 請幫忙。
我剛剛創建了一個普通的FAB。
這是我按鈕的XML代碼。
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:fabSize="normal"
android:src="@drawable/addvideo"
app:backgroundTint="#fff"
app:layout_anchor="@+id/bottomAppBar"
android:scaleType="center"
android:id="@+id/myFab"
/>
解決方法是,可以執行以下步驟:
fab_background.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadius="0dp"
android:shape="ring"
android:thicknessRatio="2"
android:useLevel="false" >
<solid android:color="@android:color/transparent" />
<!-- here set the width and color of your border -->
<stroke
android:width="5dp"
android:color="@android:color/darker_gray" />
</shape>
您的主要布局
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<!-- the wrapper layout having a padding with the size of your border -->
<!-- and background set to the custom drawable file -->
<LinearLayout
android:id="@+id/fabWrapper"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:background="@drawable/fab_background"
android:padding="5dp"
>
<android.support.design.widget.FloatingActionButton
android:id="@+id/myFab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="center"
app:fabSize="normal"
android:src="@drawable/addvideo"
android:backgroundTint="@android:color/white"
/>
</LinearLayout>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.