底部导航栏-矩形操作按钮

六月

使用google.android.material

  1. 是否可以将操作按钮设置为矩形?
  2. 可以将其向上/向下移动一点吗?

我说的是中间的圆圈按钮。

在此处输入图片说明

加布里埃尔·马里奥蒂(Gabriele Mariotti)

您可以使用该app:shapeAppearanceOverlay属性来实现一个方形按钮,并使用该app:fabCradleVerticalOffset属性来更改FAB到的距离BottomAppBar

就像是:

  <com.google.android.material.bottomappbar.BottomAppBar
         app:fabCradleVerticalOffset="16dp"
         app:fabCradleRoundedCornerRadius="0dp"
         app:fabCradleMargin="0dp"
          ..>


      <com.google.android.material.floatingactionbutton.FloatingActionButton
          app:shapeAppearanceOverlay="@style/SquareFloatingShapeOVerlay"
          ../>

与:

  <style name="SquareFloatingShapeOVerlay" parent="">
    <item name="cornerSize">0dp</item>
  </style>

在此处输入图片说明

如果您想使用矩形,可以使用ExtendedFloatingActionButton代替FloatingActionButton

就像是:

  <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
      app:layout_anchor="@id/bottom_app_bar"
      app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlayExtended"
      ../>

与:

  <style name="ShapeAppearanceOverlayExtended" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">0dp</item>
  </style>

在此处输入图片说明

注意:它需要1.1.0材料组件库的版本

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

导航栏显示在底部

来自分类Dev

如何使用Xcode在导航栏中添加共享操作按钮

来自分类Dev

导航抽屉和底部栏

来自分类Dev

在侧边栏的底部固定按钮?

来自分类Dev

Bootstrap导航栏下拉按钮

来自分类Dev

隐藏在底部导航栏后面的Android浮动操作按钮

来自分类Dev

底部导航栏空白

来自分类Dev

Android导航-弹出堆栈时删除操作栏后退按钮

来自分类Dev

颤振底部导航栏

来自分类Dev

从底部导航栏导航至独立屏幕

来自分类Dev

当我在页面底部时,当我触摸下拉按钮时,粘性导航栏会抬起页脚

来自分类Dev

当我在页面底部时,当我触摸下拉按钮时,粘性导航栏会抬起页脚

来自分类Dev

浮动操作按钮隐藏在底部导航栏中

来自分类Dev

如何在操作栏中设置后退导航按钮?

来自分类Dev

颜色“ splitActionBarWhenNarrow”底部操作栏

来自分类Dev

导航抽屉和底部栏

来自分类Dev

导航栏按钮

来自分类Dev

DrawerToggle android导航抽屉/操作栏中的后退按钮设置

来自分类Dev

导航栏注销按钮

来自分类Dev

搜索栏-导航栏中的“取消”按钮

来自分类Dev

更改导航栏按钮

来自分类Dev

导航抽屉包含操作栏

来自分类Dev

导航栏飞到底部

来自分类Dev

创建底部导航栏

来自分类Dev

获取导航/操作栏高度

来自分类Dev

被导航内容取代的垂直导航栏按钮

来自分类Dev

Android studio 底部导航栏:如何设置要先点击中间按钮?

来自分类Dev

如何让我的按钮组 <div> 贴在导航栏的底部?

来自分类Dev

单击后退按钮时更改底部导航栏中的动画状态