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

Question

使用google.android.material：

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

我正在谈论中间的圆圈按钮。

Answer 1

您可以使用 >>> prev = lambda obj: obj.prev() # A syntactic sugar. >>> >>> a = EnableBackwardIterator(iter([1,2,3,4,5,6])) >>> >>> next(a) 1 >>> next(a) 2 >>> a.next() # The same as `next(a)`. 3 >>> prev(a) 2 >>> a.prev() # The same as `prev(a)`. 1 >>> next(a) 2 >>> next(a) 3 >>> next(a) 4 >>> next(a) 5 >>> next(a) 6 >>> prev(a) 5 >>> prev(a) 4 >>> next(a) 5 >>> next(a) 6 >>> next(a) Traceback (most recent call last): File "<stdin>", line 1, in <module> StopIteration 属性来实现方形按钮，并使用 app:shapeAppearanceOverlay 属性来将FAB到{ {1}}。

类似的东西：

app:fabCradleVerticalOffset

具有：

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

Answer 2

尝试：如果您使用的是FloatingActionButton

app:borderWidth="0dp"

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    android:layout_marginRight="20dp"
    app:fabSize="normal"
    android:elevation="@dimen/fab_elevation"
    android:background="#000000"
    app:borderWidth="0dp"
    android:stateListAnimator="@animator/fab_anim"
    android:layout_gravity="center_horizontal"
    android:layout_alignParentBottom="true"
    android:layout_alignParentEnd="true" />

希望这会有所帮助！

Answer 3

要更改“浮动操作按钮”的形状，可以在drawable文件夹中创建一个单独的资源文件，例如：shape.xml as-

<?xml version="1.0" encoding="utf-8"?>
<shape 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle">

<solid android:color="@color/colorAccent" />

，然后在“浮动操作按钮”中添加以下属性：

 android:background="@drawable/shape"

此外，您可以使用边距将其向上移动。

Answer 4

对FAB使用elevation属性

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bottomNavigationView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="?android:attr/windowBackground"
        app:menu="@menu/nav_items" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/floatingActionButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center_horizontal"
        android:layout_marginBottom="40dp"
        android:clickable="true"
        app:elevation="8dp"
        app:srcCompat="@android:drawable/ic_input_add" />