首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Android:浮动按钮图标未居中

Android:浮动按钮图标未居中
EN

Stack Overflow用户
提问于 2017-01-05 11:47:54
回答 12查看 22.5K关注 0票数 54

我正在尝试在我的应用程序中创建一个浮动按钮。按钮在那里,但按钮中的图像有点向上(见下图)。

我不知道它出了什么问题。下面是浮动按钮的XML的一部分。

<android.support.design.widget.FloatingActionButton
        android:id="@+id/buttonUp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="16dp"
        android:layout_marginTop="480dp"
        android:clickable="true"
        android:scaleType="center"
        android:src="@drawable/btn_back_to_top_3x"
        app:layout_anchor="@id/layout"
        app:layout_anchorGravity="bottom|right|end"
        app:backgroundTint="@android:color/background_light"
        app:fabSize="normal" />

这个按钮显示了我想要它的位置。唯一的问题是里面的图像不是居中的。为什么会发生这种情况?

编辑:在看了一些周围之后,我意识到图像本身有问题,图像实际上没有居中,底部有空间(这会导致图像向上推)。

EN

回答 12

Stack Overflow用户

回答已采纳

发布于 2017-01-05 12:45:39

原因是你的图片没有合适的尺寸!

浮动动作按钮的默认圆大小是56x56dp,为了获得最佳效果,请将其用于背景图像!!

如果你想要一个迷你的,应该是:40x40dp

如果只想更改内部图标(仅图标),请使用24 x 24dp图标作为默认大小

为了再次测试这一点,我从互联网上下载了一张图片,并将其缩小到56dp,并保留了一个小空间来平衡它(我不擅长使用Photoshop)

并将其添加到您的FB视图中,并将背景设置为黄色以使其清晰。

输出:

这意味着它取决于你添加的图像和它的大小,如果你想要全背景,你甚至可以使用imageButton

参考:https://material.io/guidelines/components/buttons-floating-action-button.html#buttons-floating-action-button-floating-action-button

票数 4
EN

Stack Overflow用户

发布于 2018-12-08 15:37:58

我也遇到过同样的问题。下面的解决方案对我很有效

app:fabCustomSize="40dp"
票数 124
EN

Stack Overflow用户

发布于 2019-01-04 16:44:07

您应该将fabCustomSize值设置为与FAB大小完全相同:

<android.support.design.widget.FloatingActionButton
        android:layout_width="60dp"
        android:layout_height="60dp"
        app:fabCustomSize="60dp"
        android:src="@drawable/plus_icon"
        app:rippleColor="@color/colorPrimaryDark" />
票数 47
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41477028

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档