如何在外面一半的操作栏上显示图像

时间:2016-07-31 11:31:29

标签: android android-layout

我正在尝试添加一个如下图所示的按钮,该按钮位于操作栏的一半之外。我正在寻找一种标准的设计方法,因为它现在很常见。

由于

enter image description here

2 个答案:

答案 0 :(得分:2)

该按钮称为浮动操作按钮或“FAB”。你想要的是CoordinatorLayout上的FAB。 如需进一步阅读,请访问:

https://material.google.com/components/buttons-floating-action-button.html#buttons-floating-action-button-large-screens

https://guides.codepath.com/android/floating-action-buttons

答案 1 :(得分:1)

你应该寻找“FloatingActionButton”。

例如:

<android.support.design.widget.CoordinatorLayout xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <LinearLayout
            android:id="@+id/viewA"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.15">

            </LinearLayout>

        <LinearLayout
            android:id="@+id/viewB"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.85" >

        </LinearLayout>

    </LinearLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/btn_add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/activity_horizontal_margin"
        android:clickable="true"
        android:src="@drawable/ic_ok"
        app:layout_anchor="@id/viewA"
        app:layout_anchorGravity="left|bottom"
        app:backgroundTint="@color/accent"/>

</android.support.design.widget.CoordinatorLayout>