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

vovahost:

浮动按钮新的浮动操作按钮应为56dp x 56dp,其内部的图标应为24dp x 24dp因此,图标和按钮之间的间距应为16dp

<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" />

波纹_oval.xml

<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中的图标
/标记/1.0.1

如何使按钮内的图标大小完全符合准则中所述?

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

加坦·迈斯(GaëtanMaisse):

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用真正的浮动操作按钮(FAB)扩展?

浮动隐藏和显示后不显示操作按钮图标图像

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

Android L-浮动操作按钮(FAB)

调整大小图标

更改“查看寻呼机”选择时,显示不同的浮动操作按钮(FAB)

Android-可移动/可拖动的浮动操作按钮(FAB)

如何使用AppCompat v21在android中创建浮动操作按钮(FAB)?

在键盘上方设置FAB(浮动操作按钮)

如何在Android上更改浮动操作按钮(FAB)的形状?

是否有带有标签的浮动操作按钮(FAB)的库?

OnClick浮动操作按钮

无法使用RecyclerView在标题和DrawerLayout中的项目之间放置浮动操作按钮(FAB)

如何在浮动操作按钮上设置Font Awseome图标?

android:从代码中动态更改FAB(浮动操作按钮)图标

可以在Android上增加“浮动操作按钮”的大小吗?

Bootstrap-浮动操作按钮菜单大小和阴影

右侧按钮内的浮动图标

单击Flutter中的搜索框时,如何防止出现浮动操作按钮(FAB)?

Ionic 3-FAB-浮动操作按钮-<ion-fab>可能的位置属性的完整列表

浮动操作按钮(fab)滚动操作不起作用

是否可以在浮动操作按钮android顶部设置图标

如何调整晶圆厂按钮内的图标大小

浮动操作按钮图标不在中心

在浮动操作按钮中仅显示图标

如何在Flutter中调整图标/图标按钮的大小?

物料设计浮动按钮(FAB)阻止RecyclerView

通过xml隐藏FAB(浮动操作按钮)的任何方法吗?

调整 div 的大小以适合单击的按钮大小并浮动在另一个 div 上