工具栏标题是透明的

时间:2016-10-18 15:22:07

标签: android android-actionbar android-toolbar

我有一个带透明工具栏的AppCompatActivity。问题是在API 21以下的设备上,工具栏的标题和箭头(向上导航)是透明的。我知道它就在那里因为点击隐形箭头会让我回到最后一个活动。 API 21及更高版本的设备显示白色标题和白色后箭头。

我的styles.xml(based on this answer

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<!-- from https://stackoverflow.com/questions/29907615/android-transparent-status-bar-and-actionbar -->
<style name="AppTheme.Transparent" parent="AppTheme">
    <item name="android:windowContentOverlay">@null</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="colorPrimary">@android:color/transparent</item>
</style>

和我的styles.xml(v21)

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:colorPrimary">@color/colorPrimary</item>
    <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="android:colorAccent">@color/colorAccent</item>
    <item name="android:windowContentTransitions">true</item>
</style>

<!-- from https://stackoverflow.com/questions/29907615/android-transparent-status-bar-and-actionbar -->
<style name="AppTheme.Transparent" parent="AppTheme">
    <item name="colorPrimary">@android:color/transparent</item>
</style>

工具栏

<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_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:elevation="4dp"
    android:fitsSystemWindows="true"
    app:theme="@style/ThemeOverlay.AppCompat.Dark"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

我还尝试添加app:titleTextColor="@android:color/white"并将工具栏包装在AppBarLayout中。没有任何成功。

----- ------ EDIT
AppCompatActivity的重要部分

import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
...

public class DetailsActivity extends AppCompatActivity {
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_details);

        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_view);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        String title = ...
        getSupportActionBar().setTitle(title);
        ...
    }
    ...
}

1 个答案:

答案 0 :(得分:0)

在你Activity.java导入android.support.v7.widget.Toolbar而不是android.widget.Toolbar

onCreate()

中的 Activity.java
    setContentView(R.layout.activity_main);

    //getting the support actionbar for api lower then 21
    getSupportActionBar().hide();

    toolbar = (Toolbar) findViewById(R.id.toolbar_view);
    setSupportActionBar(toolbar); 

您还可以查看此android transparent action bar and status bar showing arrow