用于Android Studio导航抽屉主题的透明工具栏,带有图像重叠工具栏

时间:2016-03-15 11:38:18

标签: java android android-fragments android-studio

我是Android Design的新手。我有Android Studio Navigational DrawerLayout,当我的应用加载时,我正在加载该应用的初始Fragment

  1. 我想让toolbar透明
  2. 我想要的图片与DrawerLayout's toolbar
  3. 重叠
  4. 和其他Fragments我希望相同的toolbar不透明。
  5. app加载时的第一个屏幕

    enter image description here

    当调用任何其他片段时

    enter image description here

1 个答案:

答案 0 :(得分:0)

对于否:1。

您需要的是定义隐藏操作栏的主题,使用透明背景定义操作栏样式并将此样式设置为工具栏窗口小部件。请注意,工具栏应作为最后一个视图绘制(在所有视图树上)

<style name="Theme.Custom" parent="@android:style/Theme.AppCompat">
    <item name="windowActionBar">false</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="android:windowActionBarOverlay">true</item>
</style>

<style name="CustomActionBar" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:windowActionBarOverlay">true</item>
    <!-- Support library compatibility -->
    <item name="windowActionBarOverlay">true</item>
</style>

布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Toolbar should be above content-->
    <include layout="@layout/toolbar" />

</RelativeLayout>

工具栏布局:

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:theme="@style/CustomActionBar"/>

对于否:2

将ImageView置于相对布局中。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- Toolbar should be above content-->
        <include layout="@layout/toolbar" />


        <ImageView          
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:scaleType="centerInside"
                android:adjustViewBounds="true"
                android:transitionName="photo_hero"
                android:id="@+id/image"
                />
    </RelativeLayout>

工具栏布局:

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:theme="@style/CustomActionBar"/>