开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Android浮动动作按钮:调整内部大小图标

基础概念

浮动动作按钮（Floating Action Button, FAB）是Android设计支持库中的一个组件，通常用于表示应用的主要操作。FAB通常位于屏幕的右下角，具有圆形外观，并且可以包含一个图标。

调整内部大小图标

调整FAB内部的图标大小可以通过修改FAB的属性来实现。以下是一些常用的方法：

方法一：使用`app:fabSize`属性

你可以通过设置app:fabSize属性来调整FAB的大小，从而间接影响内部图标的大小。

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp"
    app:fabSize="normal" <!-- 可以是 normal, mini -->
    app:srcCompat="@drawable/ic_your_icon" />

方法二：使用`app:maxImageSize`属性

从Material Components 1.2.0开始，你可以使用app:maxImageSize属性来直接设置图标大小。

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp"
    app:maxImageSize="24dp" <!-- 设置图标大小 -->
    app:srcCompat="@drawable/ic_your_icon" />

应用场景

FAB通常用于以下场景：

主要操作：表示应用的主要操作，如创建新内容。
快速访问：提供快速访问某些功能的入口。
导航：用于导航到应用的不同部分。

参考链接

示例代码

以下是一个完整的示例代码，展示了如何在布局文件中使用FAB并调整其内部图标大小：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="16dp"
        app:maxImageSize="24dp"
        app:srcCompat="@drawable/ic_your_icon" />
</RelativeLayout>

常见问题及解决方法

问题：FAB图标显示不正确

原因：可能是由于图标资源路径错误或图标格式不支持。

解决方法：

确保图标资源路径正确。
使用支持的图标格式（如PNG）。
确保图标大小适中，避免过大或过小。

问题：FAB位置不正确

原因：可能是由于布局参数设置不正确。

解决方法：

检查android:layout_gravity属性是否设置为bottom|end。
确保父布局支持相对定位。

通过以上方法，你可以轻松调整Android浮动动作按钮内部图标的大小，并解决常见的问题。

相关搜索:如何调整按钮内部图像的大小如何在Seam上定位Android浮动动作按钮如何在android中自动折叠浮动动作按钮如何调整fab按钮内图标的大小 Xamarin forms Android按钮大小调整如何根据页面大小调整按钮图标的大小浮动动作按钮在Android Studio中不显示源图像..？Android:浮动动作按钮图片资源和图片可绘制问题在Android Studio / IntellIJ中调整png图标的大小浮动动作按钮滚动时隐藏和显示在滚动视图android？在Android按钮内获取调整大小的图像 android studio -如何根据文本调整按钮的大小？在flutter中如何更改FAB (浮动动作按钮)自定义动画图标 Android如何以编程方式调整xml矢量图标的大小(缩放)如何在android中为视图添加旋转和调整大小按钮调整div大小以适应单击的按钮大小，并将其浮动在另一个div上以编程方式根据最大宽度(或高度)调整android按钮的大小如何在xml android studio中编辑按钮内图片/图标的大小？当点击Android Studio中AlertDialog的确定按钮时，我想改变动作栏图标如何在React中自定义浮动动作按钮材料ui组件的宽度和高度。此外，该按钮不能正确显示编辑图标

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【软件开发规范七】《Android UI设计规范》

Android 定义颜色color时有6位或8位值的区别，6位（如：#0470C4）就是RGB，值8位（如：#1E000000）头两位是透明度，后6位是RGB值，00是完全透明，FF是完全不透明，比较适中的透明度值是 1E。

02

Material Design —悬浮响应式按钮（Buttons: Floating Action Button）

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚

09

网易考拉 Android 通知栏适配全方案

由于历史原因，Android在发布之初对通知栏Notification的设计相当简单，而如今面对各式各样的通知栏玩法，谷歌也不得不对其进行更新迭代调整，增加新功能的同时，也在不断地改变样式，试图迎合更多人的口味。本文总结了Android 通知栏的版本迭代过程，在通知栏开发过程中所遇到的各种各样的坑，以及一些解决技巧，特别的，对于大众期盼的Android 8.0的到来，通知栏又会发生怎样的改变呢？接下来一一进行介绍。

01

Web前端知识体系精简——CSS 篇

css是用来对html进行修饰的一门语言。 1、选择器 css的选择器有很多种，常用的有类选择器、标签选择器、ID选择器、后代选择器、群组选择器、伪类选择器(before/after)、兄弟选择器(+~)、属性选择器等等。 2、定位定位一般有相对定位(relative)、绝对定位(absolute)、固定定位(fixed)，relative和absolute在移动端用的最多，fixed 在移动端有兼容性问题，因此不推荐使用，在移动端替代fixed的方案是 absolute+内部滚动。 3、浮动设置flo

08

[译]《iOS Human Interface Guidelines》——Template Icons模板图标

你为栏或者主屏幕快捷操作创建的自定义图标也称为模板图标或者图像，因为iOS将其用于产生当你app运行时你看到的图标。

02

从零开始的Android：常见的UI设计模式

尽管Android允许您创建几乎任何可能需要的自定义视图或用户界面，但事实证明，在正确的情况下，有一些用户界面模式可以很好地适用于用户。在本教程中，您将学习其中的一些模式，以及它们如何通过在使用应用程序时创造出色的体验来帮助用户。

02

Material风格的Qt控件

https://github.com/laserpants/qt-material-widgets

03

Material Design —Snackbars &Toasts

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚

06

[译] 根据 OS 设计你的应用

Android 和 iOS 是市场上的两个主流操作系统。多数公司都会要求开发者开发对应的移动端应用。对于这些需要在两个平台上同时设计的应用，其中一个挑战就是在品牌一致性和平台的不同功能特性之间进行平衡。作为一名设计师，了解不同平台的设计惯例和行为才能在开始设计前更好的和开发者及股东们进行交流。这样，你的团队可以基于适配各个平台的优缺点来讨论决定开发计划（先开始 iOS 的开发，或者先开始 Android 的开发，或者同时进行两个平台的开发）。因此，在这里我将会比对苹果和谷歌这两个操作系统设计风格上的相似

快手( AAuto Quicker ) v6.5.06更新记录

1、新增 orphanWindow 功能，用于支持控件透明悬浮或显示在父窗口外部。 2、标准库中增加 win.flashBox 组件，用于支持flash桌面透明、或者flash窗口在父窗体上透明悬浮显示。在传统窗体中，要让一个控件完美透明，并且完美浮动在其他控件前面，是一件比较麻烦的事。例如 plus 控件也有一些限制，使用剪切背景等方法修正透明带来的闪烁，但是你不能把plus控件浮动在一个按钮前面且显示透明动画。一个窗体的子窗口总是显示在父窗口的内部，例如你在网页上看到flash是透明的，但是fl

03

C++ Qt开发：ToolBar与MenuBar菜单组件

Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍ToolBar工具栏组件以及与之类似的MenuBar菜单栏组件的常用方法及灵活运用。

01

C++ Qt开发：ToolBar与MenuBar菜单组件

Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍ToolBar工具栏组件以及与之类似的MenuBar菜单栏组件的常用方法及灵活运用。

01

双管齐下：同时设计 iOS 和 Anroid

不管你是在家，在公司，还是在设计师工作室工作，互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要，这些企业通常需要同时开发运行在 Android 和 iOS 设备上的 App。在理想的情况下，我们希望能花上好几个月的时间来分别为两类设备设计一款 App，但是实际上，我们没那么多的时间。就我所负责的项目而言，每次的时间都仅够我设计一个 App。通常情况下，我们也都只设计一个 App，然后在交给 iOS 和 Android 开发团队之前将它们做一些微调。要按照这种方式进行 App 设计，首先我们应

05

学UI时卡在了动效这关？看谷歌设计师如何为你出招！

编者按：UI中动效设计本没有那么玄乎，作为 Google 旗下 Material Design 团队中动效设计的负责人之一，Jonas Naimark 对于动效本身有着更为透彻的认知，这也促成了今天的这篇文章。动效不难，想入门很简单！

03

SAO UI Plan -- SAO Utils WEB 2.0

由于本教程涉及的所有修改对缩进格式等有严格要求，担心自己控制不好的可以直接下载静态资源。参照教程进行修改。

02

未来布局之星——ConstraintLayout

ConstraintLayout是Android Studio 2.2中具有亮点的新功能之一，相比于RelativeLayout、LinearLayout等传统布局，它打破了开发者使用XML编写布局的依赖。虽然传统布局也可以使用可视化界面拖动控件来搭建布局，但是因为不够灵活，大多数开发者还是会选择通过XML代码来搭建布局。而ConstraintLayout的出现将开发者带入可视化布局编程的新纪元，通过建立控件之间的约束，实现布局的构建。这样做有一个很大的优点，就是减少了布局的嵌套，减少了布局渲染的层数，降低了CPU的消耗，提高了程序的性能。 ConstraintLayout与RelativeLayout相似，都是通过建立控件与控件之间的位置关系来搭建布局，但是ConstraintLayout远远比RelativeLayout强大很多，接下来看一下ConstraintLayout的使用。

02

Android Notification使用

在应用的开发中，我们必然会接触到应用通知这个知识，而在通知是随着Android版本进行不断变化，为了能在高版本和低版本中使用，就需要开发者去做适配，也属于查漏补缺。了解之前，先看一个效果图吧。

02

大屏可视化之番外篇图标/图表制作图标1图标2图标3图标4，5图表总结

实际项目开发中，往往是让设计人员把相关的图标做成矢量图或者位图，交给开发人员，开发人员直接使用到实际的项目中去。

03

openv**使用文档

当公司云上VPC创建的时候，运维基于网络安全审计等问题，会对公司网络进行了内外网络的隔离，（V**网络隔离方式有多种。付费的深信服海星。免费的有openv**等等），本文基于在内外网络隔离之后，在vpc内部署部署openv** server 或者办公网络跟云上打通之后部署openv** server使用手册，希望能够帮助大家快速的使用上手openv**

04

【Flutter 专题】61 图解基本 Button 按钮小结 (一)

Button 在日常中是必不可少的，和尚尝试过不同类型的 Button，也根据需求自定义过，今天和尚系统的学习一下最基本的 Button；

02

Flutte部件目录-Material Components 顶

底部导航栏可轻松浏览并在单次点击之间在顶层视图之间切换。 BottomNavigationBar小部件实现此组件。

04

bootstrap源码分析之form、navbar

一、表单（Form）源码文件： _form.scss mixins/_form.scss 1、按层次结构分：form-group -> form-control/input-group/form-static-control -> 各类标签 2、Form-group/form-control/input-group/form-static-control之类的容器，分为两种显示方式：block、inline-block。而实现input-group水平用的是table-cell。 .input-gr

07

UX笔记＃01 ｜按钮用图标还是文字？

UX笔记是什么？我的关于体验设计的个人心得，每次只解决一个体验设计上的小问题。文章长了相信你也没心思看完，我也没心思写完。 Problem：在设计按钮时，经常会纠结是用文字还是图标，还是文字＋

03

Android Compose 新闻App（六）导航动画、WebView、浮动按钮、底部导航

在上篇文章中完成了页面的导航，而在本篇文章中将会有更多新的Compose用法，一起来看看吧。

02

【Unity3D】Android 打包 ② ( Android 编译选项 | Android 工程设置 | 配置基本信息 | 配置不同分辨率图标 | 配置启动动画 | 其它设置 )

在上一篇博客【Unity3D】Android 打包 ① ( Android 编译选项 | 安装 Android Build Support 模块 ) 中讲解了 Android 打包的最基本配置 , 安装 Android Build Support 模块 ;

05

深入理解bootstrap

1.CSS12栅格系统：以规则的网格阵列来指导和规范网页中的版面布已有以及信息分布

06

Material Design — 按钮（ Buttons）

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚

Floating Action Button-Android M新控件

浮动操作按钮 (简称 FAB) 是: “一个特殊的promoted操作案例。因为一个浮动在UI之上的圆形图标而显得格外突出，同时它还具有特殊的手势行为”

04

数据分析那些事3：圆环图的制作方法

声明：本文仅代表原作者观点，仅用于数据分析工具学习和使用，不代表任何公司。文章涉及数据分析工具相关文字、图片等，版权均属数据分析工具所属公司。

03

绝无仅有！2019年最全的UI设计之输入字段剖析

以下内容由摹客团队翻译整理，仅供学习交流，摹客iDoc是支持智能标注和切图的产品协作设计神器。

02

Android通知栏微技巧，那些你所没关注过的小细节

08

在网站或桌面应用使用Font Awesome图标库

Font Awesome介绍 Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。一个字库，675个图标仅一个Font Awesome字库，就包含了与网页相关的所有形象图标。无需依赖JavaScript Font Awesome完全不依赖JavaScript，因此无需担心兼容性。无限缩放无论在任何尺寸下，可缩放的矢量图形都会为您呈现出完美的图标。如言语一般自由 Font Awesome完全免费，哪

02

jquery mobile 移动web(1)

轻量级框架jQuery Mobile 　　所需文件　　　　<link rel="stylesheet" href="jquery.mobile-1.1.2/jquery.mobile-1.1.2.css"/> 　　　　<script type="text/javascript" src="jquery.mobile-1.1.2/jquery-1.6.4.js"></script> jquery 应放在 mobile 上面。　　　　<script typ

06

Ways to Use Icons on Android (1)

最近对IconFont特别感兴趣，通过使用IconFont一些常见的制作精良的小图标就可以直接在代码中非常方便的使用，免去了找图标并添加到项目中的很多麻烦。本系列估计也会有三篇文章，结合实践分享下我的摸索过程，也许大家会觉得有用呢。本节主要从Material Design图标入手，介绍它的几种使用姿势。

02

iOS 图标图像（官方翻译版）

图像尺寸和分辨率 iOS用于将内容放置在屏幕上的坐标系基于以点为单位的测量，它们映射到显示屏中的像素。在标准分辨率屏幕上，一点等于一个像素。高分辨率屏幕具有较高的像素密度。因为在相同量的物理空间中有更

04

创建可调大小的用户窗体——使用VBA

在上篇文章：创建可调大小的用户窗体——使用Windows API中，我们使用Windows API实现了允许用户可以调整用户窗体的大小。本文仅使用VBA来实现同样的效果。

03

40.QT-QPropertyAnimationdong和QParallelAnimationGroup动画实现

该抽象类为QPropertyAnimation提供了动画播放,暂停,停止,持续时间,循环周期等抽象函数.

04

安卓 design-使用返回和向上导航

一致的导航操作是整体用户体验的重要组成部分。如果基本的导航方法都不能保持一致，甚至让用户意想不到的话，恐怕没有比这更让人沮丧的事情了。 Android 3.0对全局导航行为做出了重大改变。对用户来说，认真遵照“返回”和“向上”的指导准则可让应用的导航更可靠、更符合预期。

01

Flutter中的按钮组件Button

1. onPressed 按下按钮时触发的回调方法，为必填参数，如果值为 null 表示禁用按钮，会显示禁用相关样式；

01

超详细的Web 前端知识体系，等你来挑战！

作为苦逼的IT行业，没日没夜的加班，妹纸也少的可怜，就算在一个班办公室或者一个部门，可能也只有一个妹纸，但估计也轮不到你来上，只能眼巴巴的放着光。可是程序猿一直以老实、踏实、多金等美名著称。只要你学的

07

Web前端知识体系精简

Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。

03

FontAwesome基础知识

注意：fa前缀最新版本中已弃用。新的默认设置是实心的fas样式和品牌的fab样式。

01

Android设计 - 图标设计概述（Iconography）

2014-10-30 张云飞VIR 翻译自：https://developer.android.com/design/style/iconography.html Iconography 图标设计概述

00

Flutter 中的按钮组件

1. onPressed 按下按钮时触发的回调方法，为必填参数，如果值为 null 表示禁用按钮，会显示禁用相关样式；

03

新手Web设计师应该避免的 6 宗罪

新手Web设计师和开发人员往往以有缺陷的创作而告终，却不知道真正的故障出自于哪里。虽说有这么多的设计书籍，但即使都读了，也不会对最后的设计有任何意义。在第一个原型中创建一个无缝的设计真的是一个挑战——事实上，只是做好单个部分就是一个难点。

02

Android动画效果-更新中

Android系统提供了三种实现动画的方式，一种是补间动画（Tween Animation 在SDK中成为View Animation），另一种是帧动画（Frame Animation 在SDK中称为Drawable Animation），第三种属性动画（property animation ）。

02

Android 下调试手机截屏的方法

Android开发过程中，难免会需要对手机进行截屏。以前截屏时一直到处找截屏软件，操作复杂。

03

新手Web设计师应该避免的 6 宗罪

新手Web设计师和开发人员往往以有缺陷的创作而告终，却不知道真正的故障出自于哪里。虽说有这么多的设计书籍，但即使都读了，也不会对最后的设计有任何意义。在第一个原型中创建一个无缝的设计真的是一个挑战——

07

css笔记 - 张鑫旭css课程笔记之 absolute 篇

即是说，absolute后，元素和浮动元素的特性差不多，只不过absolute脱离文档流，元素飘在天上，float还在凡间。

02

android之NotificationManager服务

NotificationManager是一个Android系统服务，用于管理和运行所有通知。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭