底栏顶部的浮动操作按钮

时间:2017-05-08 15:54:02

标签: android

如何在底栏/导航底部视图的顶部设置浮动操作按钮,就像它在图片中的显示方式一样!请帮我 !

AnchorImage

3 个答案:

答案 0 :(得分:10)

您需要使用FloatingActionButton的高程属性。

仰角=" 8DP"为我工作。

示例布局:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">

        <TextView
            android:id="@+id/message"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/activity_vertical_margin"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginRight="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:text="@string/title_home" />

    </FrameLayout>

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

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

</FrameLayout>

答案 1 :(得分:1)

底栏是他们在应用中创建的。它不是android本身的功能(Home / Back / App)按钮。

因此,就像任何观点一样,将视图放在彼此之上是非常容易的。

这可以通过Relative layout

来完成

另外需要注意的是,通过android studio,其中一个android活动模板实际上创建了一个类似于图片中所示的悬停按钮的示例。使用向导创建活动,然后根据需要移动按钮。

enter image description here

答案 2 :(得分:0)

您可以在xml中使用FloatingActionButton属性。

设置FloatingActionButton layout_anchor (要附加的视图ID) 和layout_anchorGravity。