android - 如何在浮动操作按钮中添加边框
问题描述
我有一个带有全白色背景色调和图像源的浮动按钮。我想用灰色边框包围它。我找不到任何办法这样做。请帮忙。
我刚刚创建了一个普通的 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"
/>
解决方案
作为一种解决方法,您可以执行以下步骤:
- 首先在可绘制目录的新xml文件中定义自定义形状:
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>
- 然后将您的 FAB 包装在布局中,并将自定义可绘制文件设置为布局的背景。在这里,您需要为此包装器布局提供与边框大小相同的填充:
你的主要布局
<?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>
推荐阅读
- python - 如何在pyqt5中使用飞溅效果动态切换屏幕
- python - 在 Python 中解码一列 Base64 字符串
- reactjs - Material UI 调色板为主题添加了额外的颜色,并以与 Primary/Secondary 相同的方式使用它
- apache - 如何在 docker 容器中的正确位置安装 apache 模块
- google-apps-script - 发送每日电子邮件触发器
- android - 当我按下操作栏中的向上按钮时保存活动状态
- python - 混合占位符、executemany 和表名
- apache-camel - 来自 ftp 消费者的异常后聚合:FatalFallbackErrorHandler
- java - 我只接收来自对象 Groovy 的部分输出
- visual-studio-code - Xdebug VSCode 忽略断点