如何给工具栏透明的外观

时间:2018-01-11 06:13:21

标签: android user-interface imageview toolbar transparent

我的工具栏位于一个占据整个屏幕的图像视图的顶部,我希望工具栏看起来像它在图像的顶部,并且透明效果类似于 enter image description here

但我不知道如何实现这种效果,而且我的谷歌搜索还没有成功

这是我的代码:

<ImageView
    android:id="@+id/background"
    android:scaleType="fitXY"
    android:alpha="0.7"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>




<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_alignParentTop="true"
    android:elevation="6dp"
    android:alpha="0.5"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_below="@+id/toolbar"
    android:elevation="6dp"
    android:theme="@style/ThemeOverlay.AppCompat.Light"
    app:tabSelectedTextColor="@android:color/white"
    app:tabTextColor="@android:color/darker_gray"/>

我正在使用约束布局。

如果有人能告诉我该怎么做或指出我正确的方向,我会很感激。

由于

1 个答案:

答案 0 :(得分:0)

首先,您必须在res&gt; values&gt; colors.xml

中添加以下行
 <color name="colorTransperent">#00000000</color>

将colorTransperent添加到工具栏背景

  <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_alignParentTop="true"
            android:background="@color/colorTransperent"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>