Android透明状态栏和操作栏

Question

我已经对这个主题进行了一些研究，但找不到完整的解决方案，因此，一步一步地反复试验，我终于找到了如何实现这些结果的方法：拥有一个透明的或彩色 Actionbar 和 Statusbar。请参阅下面我的回答。

Answer 1

我正在开发一个应用程序，当涉及到操作栏和状态栏自定义时，它需要在 >= API14 的所有设备上看起来相似。我终于找到了解决方案，因为这花了我一些时间，所以我将分享它以节省您的一些时间。我们从使用 appcompat-21 依赖项开始。

透明操作栏：

values/styles.xml:

<style name="AppTheme" parent="Theme.AppCompat.Light">
...
</style>

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme">
    <item name="android:windowContentOverlay">@null</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="colorPrimary">@android:color/transparent</item>
</style>

<style name="AppTheme.ActionBar" parent="AppTheme">
    <item name="windowActionBarOverlay">false</item>
    <item name="colorPrimary">@color/default_yellow</item>
</style>

values-v21/styles.xml:

<style name="AppTheme" parent="Theme.AppCompat.Light">
    ...
</style>

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme">
    <item name="colorPrimary">@android:color/transparent</item>
</style>

<style name="AppTheme.ActionBar" parent="AppTheme">
    <item name="colorPrimaryDark">@color/bg_colorPrimaryDark</item>
    <item name="colorPrimary">@color/default_yellow</item>
</style>

现在您可以在 AndroidManifest.xml 中使用这些主题来指定哪些活动将具有透明或彩色 ActionBar:

    <activity
            android:name=".MyTransparentActionbarActivity"
            android:theme="@style/AppTheme.ActionBar.Transparent"/>

    <activity
            android:name=".MyColoredActionbarActivity"
            android:theme="@style/AppTheme.ActionBar"/>

注意：在 API>=21 中，要使 Actionbar 透明，您也需要使 Statusbar 透明，否则将不尊重您的颜色样式并保持浅色-灰色。

透明状态栏（仅适用于 API>=19）：
这个非常简单，只需使用以下代码：

protected void setStatusBarTranslucent(boolean makeTranslucent) {
        if (makeTranslucent) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

但是您会注意到一个奇怪的结果：

发生这种情况是因为当 Statusbar 透明时，布局将使用其高度。为了防止这种情况，我们只需要：

解决方案一：
在您想要放置在 Actionbar 下方的任何内容的布局视图容器中添加此行 android:fitsSystemWindows="true"：

    ...
        <LinearLayout
                android:fitsSystemWindows="true"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
            ...
        </LinearLayout>
    ...

解决方案二：
在我们之前的方法中添加几行：

protected void setStatusBarTranslucent(boolean makeTranslucent) {
        View v = findViewById(R.id.bellow_actionbar);
        if (v != null) {
            int paddingTop = Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT ? MyScreenUtils.getStatusBarHeight(this) : 0;
            TypedValue tv = new TypedValue();
            getTheme().resolveAttribute(android.support.v7.appcompat.R.attr.actionBarSize, tv, true);
            paddingTop += TypedValue.complexToDimensionPixelSize(tv.data, getResources().getDisplayMetrics());
            v.setPadding(0, makeTranslucent ? paddingTop : 0, 0, 0);
        }

        if (makeTranslucent) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

其中 R.id.bellow_actionbar 将是我们想要放置在 Actionbar 下方的任何内容的布局容器视图 ID：

...
    <LinearLayout
            android:id="@+id/bellow_actionbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        ...
    </LinearLayout>
...

就是这样，它认为我没有忘记什么。在此示例中，我没有使用 Toolbar，但我认为它会产生相同的结果。这就是我自定义 Actionbar:

的方式

@Override
    protected void onCreate(Bundle savedInstanceState) {
        View vg = getActionBarView();
        getWindow().requestFeature(vg != null ? Window.FEATURE_ACTION_BAR : Window.FEATURE_NO_TITLE);

        super.onCreate(savedInstanceState);
        setContentView(getContentView());

        if (vg != null) {
            getSupportActionBar().setCustomView(vg, new ActionBar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            getSupportActionBar().setDisplayShowCustomEnabled(true);
            getSupportActionBar().setDisplayShowHomeEnabled(false);
            getSupportActionBar().setDisplayShowTitleEnabled(false);
            getSupportActionBar().setDisplayUseLogoEnabled(false);
        }
        setStatusBarTranslucent(true);
    }

注意：这是一个扩展 ActionBarActivity
的 abstract class 希望对您有所帮助！

Answer 2

KITKAT后支持。只需在 Activity 的 onCreate 方法中添加以下代码。无需对 Manifest 文件进行任何修改。

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                Window w = getWindow(); // in Activity's onCreate() for instance
                w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
            }

Answer 3

只需将这些代码行添加到您的 activity/fragment java 文件中：

getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
);

Android透明状态栏和操作栏

Android transparent status bar and actionbar

android

android-appcompat

android-actionbar

android-toolbar

android-statusbar