首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >调整浮动操作按钮的图标大小(fab)

调整浮动操作按钮的图标大小(fab)
EN

Stack Overflow用户
提问于 2014-12-15 12:28:27
回答 14查看 215.6K关注 0票数 199

新的浮动操作按钮应为56dp x 56dp,其中的图标应为24dp x 24dp。所以图标和按钮之间的间距应该是16dp

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ImageButton
    android:id="@+id/fab_add"
    android:layout_width="56dp"
    android:layout_height="56dp"
    android:layout_gravity="bottom|right"
    android:layout_marginBottom="16dp"
    android:layout_marginRight="16dp"
    android:background="@drawable/ripple_oval"
    android:elevation="8dp"
    android:src="@drawable/ic_add_black_48dp" />

ripple_oval.xml

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item>
        <shape android:shape="oval">
            <solid android:color="?android:colorAccent" />
        </shape>
    </item>
</ripple>

这是我得到的结果:

我使用了来自\material-design-icons-1.0.0\content\drawable-hdpi\ic_add_black_48dp.png的图标

https://github.com/google/material-design-icons/releases/tag/1.0.1

如何使按钮内的图标的大小精确到指南中所述的?

http://www.google.com/design/spec/components/buttons.html#buttons-floating-action-button

EN

回答 14

Stack Overflow用户

回答已采纳

发布于 2014-12-15 12:41:53

由于您的内容是24dp x 24dp,因此您应该使用24dp icon。然后在ImageButton中设置android:scaleType="center",以避免自动调整大小。

票数 191
EN

Stack Overflow用户

发布于 2018-09-03 07:28:08

在将支持库更新到v28.0.0之后,尝试使用app:maxImageSize="56dp"而不是上面的答案

票数 159
EN

Stack Overflow用户

发布于 2016-06-24 05:28:47

在dimens中输入此条目

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!--Floating action button-->
<dimen name="design_fab_image_size" tools:override="true">36dp</dimen>

这里36dp是浮点按钮上的图标大小。这将为浮动操作按钮的所有图标设置36dp大小。

根据评论更新

如果你想将图标大小设置为特定的浮动动作按钮,只需使用浮动动作按钮的属性,如app:fabSize="normal“和android:scaleType=”app:fabSize=“。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  <!--app:fabSize decides size of floating action button You can use normal, auto or mini as per need-->
  app:fabSize="normal" 

  <!--android:scaleType decides how the icon drawable will be scaled on Floating action button. You can use center(to show scr image as original), fitXY, centerCrop, fitCenter, fitEnd, fitStart, centerInside.-->
  android:scaleType="center"
票数 124
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27484126

复制
相关文章
Mac OS 上设置 JAVA_HOME
由于需要,前几天在 OS X 上安装了 Oracle 的 Java 7。安装之后,发现由于我原来设置的 JAVA_HOME 为 /Library/Java/Home ,导致我使用的还是原来苹果提供的 Java 6 而不是刚安装的 Java 7。
码客说
2019/10/22
2.1K0
在 Debian Stretch 上设置自动升级
不少博主,出于安全、稳定的考虑,在自己的服务器上使用了 Debian 操作系统。我们知道,对于多数应用环境,特别是 LNMP 环境,绝大多数安全更新可以自行安装,本文我们将详细介绍,如何在 Debian 环境下自行下载安装最新的系统安全补丁。
Debian中国
2018/12/21
8960
org.apache.catalina.startup.Catalina stopServer SEVERE
在测试nginx反向代理 时在同一个liunx上配置了三个tomcat7,startup.sh时正常启动。shutdown.sh时报错如下:
拓荒者
2019/03/16
3.3K0
【JAVA】JAVA环境变量JAVA_HOME、CLASSPATH、PATH设置详解
源地址:http://www.21jn.net/html/72/n-272.html
蛮三刀酱
2019/09/10
1.8K0
关于MacOs Catalina “无法打开***,因为无法验证开发者...”的解决方案
今天在升级Flutter后直接flutter doctor命令,报了一个【无法打开Dart,因为无法验证开发者】的警告。可以使用下面的命令进行授权:
xiangzhihong
2022/11/30
1.9K0
在 Debian Linux 上设置和配置网桥
如何你想为你的虚拟机分配 IP 地址并使其可从你的局域网访问,则需要设置网络桥接器。默认情况下,虚拟机使用 KVM 创建的专用网桥。但你需要手动设置接口,避免与网络管理员发生冲突。
用户8989785
2021/09/10
5.3K0
catalina.home catalina.base 区别
这两个属性仅在你需要安装多个Tomcat实例而不想安装多个软件备份的时候使用,这样能节省磁盘空间。 以Tomcat6.0为例,其Tomcat目 录结构如下: bin (运行脚本) conf (配置文件) lib (核心库文件) logs (日志目录) temp (临时目录) webapps (自动装载的应用程序的目录) work (JVM临时文件目录[Java.io.tmpdir]) 其中只有 bin 和 lib 目录被多个tomcat示例公用,其它目录conf、logs、temp、webapps和work
Java学习123
2018/05/16
1.1K0
已上架的App在AppStore上无法搜索到的问题
iOS Magician
2023/10/11
2410
已上架的App在AppStore上无法搜索到的问题
已上架的App在AppStore上无法搜索到的问题
我们都知道上架如果APP证书过期也会导致失败,这边我们就推荐一个好用的工具-appuploder。
爱学iOS的小麦子
2023/07/06
5740
在 Linux 上使用 systemd 设置定时器
定时器增加了另一种启动服务的方式,基于……时间。尽管与定时任务很相似,但 systemd 定时器稍微地灵活一些。让我们看看它是怎么工作的。
用户8989785
2021/09/10
1.7K0
在MacOSX机器上设置JenkinsCI服务器
Jenkins Wiki提供了用于Jenkins安装的选项列表,但没有提及Mac OSX。尽管它提到了Docker,但我只听说过有关Docker的好消息。在本文中,我将坚持使用自制软件。在继续操作之前您需要在Mac上安装和配置JDK。
DevOps云学堂
2020/07/24
2.4K0
crontab JAVA_HOME not found
虽然环境变量中配置的JAVA_HOME,但是crontab在执行shell脚本时依然报JAVA_HOME not found。需要在shell脚本上方手动配置环境变量,脚本中添加如下内容:
我是李超人
2020/08/21
1.3K0
如何在Mac上的软件更新中隐藏MacOS Catalina更新提示
有好多小伙伴不愿意升级到MacOS Catalina,但是电脑上有系统更新的红点,那么怎么去除呢,下面教大家如何在Mac上的软件更新中隐藏MacOS Catalina,Mac取消系统更新的红点。
MAC先森
2019/10/21
5.4K0
解决VMware 7在Windows 7上无法上网的问题
Windows 7上的VPC不能安装64位的操作系统和Linux等,就安装了个VMware 7来解决我的这个问题,另一个问题出来了虚拟机里头的系统无法上网,通过Google找到一些方法,写的都不详细,这里记录下最完整的配置过程: 首先打开Windows 7的网络和共享中心,然后点左边的更改适配器设置,你会看到两个由VMware创建的虚拟连接,找到VMware Network Adapter VMnet1,记住它的连接名称。 然后右击你当前使用中的连接(比如我使用的是ADSL连接)选择属性,把全部的钩都打上,
张善友
2018/01/19
2.7K0
解决VMware 7在Windows 7上无法上网的问题
在navicat上设置定时计划执行存储过程
有一个存储过程,需要每天定时执行一次。所以在navicat上使用事件处理,当然还有其他的方法,这只是一种。作为参考
Java架构师历程
2019/03/08
2.2K0
在navicat上设置定时计划执行存储过程
Apache Kafka 在 Windows 系统上设置与运行教程
手把手教你在 Windows 系统安装运行 Apache Zookeeper 和 Apache Kafka 服务。
柳公子
2018/09/17
2.7K0
Apache Kafka 在 Windows 系统上设置与运行教程
在Android和iOS上设置手机ip详细教程
大家好!今天我们将分享一个关于如何在Android和iOS设备上设置手机ip(Layer 2 Tunneling Protocol)的简易教程。如果你想要通过安全且可靠的方式连接到远程网络,那么跟着本文一起学习吧!无需复杂操作,让我们开始愉快地探索吧!
华科云商小徐
2023/09/07
5970
Tomcat配置环境变量
Tomcat是目前比较流行的开源且免费的Web应用服务器,在我的电脑上第一次安装Tomcat,再经过网上教程和自己的摸索后,将这个过程 重新记录下来,以便以后如果忘记了可以随时查看。
全栈程序员站长
2022/08/19
1.7K0
Tomcat配置环境变量
基于nGrinder下的web网站性能测试
nGrinder 看名字估计很多人就猜到跟Grinder有关系。nGrinder是韩国一家公司居于Grinder二次开发的一个性能平台。nGrinder具有 开源、易用、高可用、高扩展等特性,在Grinder基础上实现了多测试并行,通过web管理,实现了集群,同时支持Groovy和Jython脚本语言,(官方上说,Groovy的性能会更好),也实现了对目标服务的监控以及插件的扩展,简单实现更多用户虚拟用户并发(官方上说,8G内存的4核cpu机器可以支持高到8000个虚拟用户)
用户6367961
2019/09/29
1.3K0
点击加载更多

相似问题

如何在我的项目中使用2d-extras压缩文件?(或任何其他外部unity下载)

137

如何在unity中从url下载zip文件?

392

如何在Unity WebGL中使用javascript下载图像

10

组件,如ubuntu unity的overlay scrollbar

10

如何在github中下载开源项目(如Spring)

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文