Android:API 23的透明工具栏

时间:2016-12-08 11:25:22

标签: android toolbar transparent

我的工具栏在现有代码上有问题。我想要一个透明的工具栏(不是半透明的)。

我已经搜索了一些回复,但没有任何效果。

我已经尝试过:

  • 创建背景drawable transparent。
  • 使用windowActionBarOverlay在true
  • 上添加自定义主题
  • toolbar.getBackground.setAlpha(0)

activity_main.xml中

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="@dimen/abc_action_bar_default_height_material"
        style="@style/CustomToolbar"
        >

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

        <android.support.v7.widget.LinearLayoutCompat
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:layout_marginLeft="5dp"
            android:visibility="gone">

            <android.support.v7.widget.AppCompatImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:background="@drawable/ic_volume_down_white_24dp"
                android:visibility="gone"/>

            <android.support.v7.widget.AppCompatSeekBar
                android:id="@+id/seekbar_volume"
                android:layout_width="150dp"
                android:layout_height="match_parent"
                android:visibility="gone"/>

            <android.support.v7.widget.AppCompatImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:background="@drawable/ic_volume_up_white_24dp"
                android:visibility="gone"/>

        </android.support.v7.widget.LinearLayoutCompat>


        <android.support.v7.widget.LinearLayoutCompat
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:visibility="gone">

            <android.support.v7.widget.AppCompatImageButton
                android:id="@+id/btn_toolbar_back"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:background="@drawable/ic_navigate_before_white_24dp"
                android:visibility="gone"/>

            <Space
                android:layout_width="25dp"
                android:layout_height="match_parent"
                android:visibility="gone"/>

            <android.support.v7.widget.AppCompatImageButton
                android:id="@+id/btn_toolbar_next"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:background="@drawable/ic_navigate_next_white_24dp"
                android:visibility="gone"/>

        </android.support.v7.widget.LinearLayoutCompat>
    </android.support.design.widget.CoordinatorLayout>
</android.support.v7.widget.Toolbar>

tool_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

        <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
                <item name="android:colorPrimary">@color/PrimaryColor</item>
                <item name="android:colorPrimaryDark">@color/PrimaryDarkColor</item>
                <item name="colorAccent">#ffffff</item>

                <item name="windowNoTitle">true</item>
        </style>

        <style name="CustomAppBarLayout">
                <item name="android:background">@android:color/transparent</item>
        </style>

        <style name="CustomToolbar" parent="Widget.AppCompat.Toolbar">
                <item name="android:background">@android:color/transparent</item>
                <item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item>
                <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
        </style>
</resources>
编辑:我发现了一些解决方案。 我更改了我的文件&#34; activity_main.xml&#34;为了添加CoordinatorLayout,我添加了AppBarLayout,之后我将我的工具栏包含在我的AppBarLayout中。 另外,我在工具栏和AppBarLayout上添加了两个样式。

styles.xml

UINavigationBar.appearance().titleTextAttributes =
                             [NSForegroundColorAttributeName : UIColor.white]

这没有完成。 AppbarLayout(或工具栏)上有一个阴影,我应该解决这个问题(你也可能:) :()

2 个答案:

答案 0 :(得分:0)

您必须首先定义样式,然后将其用于工具栏:

T

答案 1 :(得分:0)

我找到了! 我把AppBarLayout放到DrawerLayout中,一切正常。

main_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.Activities.MainActivity"
    android:fitsSystemWindows="true"
    >

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/abc_action_bar_default_height_material"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        style="@style/CustomAppBarLayout"
        >

        <include
            android:id="@+id/toolbar"
            layout="@layout/tool_bar"
            />

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

<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.indetouch.music.player.ui.Activities.MainActivity">

    <LinearLayout
        android:fitsSystemWindows="true"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@android:color/transparent">

        <!-- multiple frame layout [...] -->
    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:menu="@menu/drawer"
        android:background="@color/main_black"/>

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