如何在浮动动作按钮上方放置透明布局

时间:2016-08-02 13:53:59

标签: android transparent android-coordinatorlayout floating-action-button

我正在研究一个应用程序,我想在整个屏幕上放置一个透明的视图,我已经获得了一些百分比的成功,但我的屏幕包含浮动操作按钮也
我无法将透明布局放在浮动操作按钮

之上

这是我的xml

var allPoints = [];
var current;
for (var i = 0, cLength = this._clusterData.length; i < cLength; i+=1) {
    current = this._clusterData[i];
    if (allPoints.indexOf(current.attributes.PropertyAddress) == -1) {
        allPoints.push(current.attributes.PropertyAddress);
        this._DistClusterData.push(current)
    }
}

我试图通过提升来解决这个问题,但未能实现这一目标 任何人都可以建议我将布局放在浮动动作按钮上的方法

3 个答案:

答案 0 :(得分:2)

在透明视图中添加此行:

android:translationZ="8dp"

答案 1 :(得分:1)

Android布局是Z - 有序的,即,在另一个之后定义的布局将在视觉上位于它之上。在容纳FAB的容器之后添加透明视图,这样您的透明视图将位于FAB的顶部并有效地将其绘制在它上面。

答案 2 :(得分:0)

在FAB之后定义透明布局。像这样 -

<android.support.design.widget.FloatingActionButton
    android:id="@+id/like_img"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="80dp"
    android:background="@color/white"
    android:elevation="10dp"
    android:src="@drawable/like"
    app:fabSize="normal"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom|center_vertical" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fav_img"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:elevation="10dp"
    android:src="@drawable/add_to_stylebook"
    app:fabSize="normal"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom|center" />


<android.support.design.widget.FloatingActionButton
    android:id="@+id/share_img"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="70dp"
    android:elevation="10dp"
    android:src="@drawable/share"
    app:fabSize="normal"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom|right" />

<View
    android:id="@+id/tranparent_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/grey_very_light_semi_transparent"
    android:elevation="15dp"
    android:fitsSystemWindows="true"
    android:visibility="gone" />