Блог

Мой сценарий

У меня есть действие (минимум SDK 19) с координатором и панелью приложений с изображениями и прокруткой, все работает нормально, за исключением того, что моя строка состояния не прозрачна и не просвечивает. Ниже мой

<style name="AppTheme.Collapsing">
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>
</style>

И я установил этот стиль для этого действия в манифесте. Ниже приведен мой XML-макет.

Это изображения, которые я действительно хочу и которые я получил.

Изображение 1. У меня вот так, нет прозрачной строки состояния.
Изображение 2. Я хочу вот так, с прозрачной строкой состояния.
Изображение 3. Результат после прокрутки, это нормально.

 `<androidx.coordinatorlayout.widget.CoordinatorLayout
    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="match_parent"
    android:fitsSystemWindows="true">

<com.google.android.material.appbar.AppBarLayout
        android:fitsSystemWindows="true"
        android:id="@ id/app_bar"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    <com.google.android.material.appbar.CollapsingToolbarLayout
            android:fitsSystemWindows="true"
            android:id="@ id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">


        <androidx.appcompat.widget.AppCompatImageView
                app:srcCompat="@drawable/splash"
                android:id="@ id/expandedImage"
                android:layout_width="match_parent"
                android:layout_height="300dp"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.7"/>

        <androidx.appcompat.widget.Toolbar
                android:id="@ id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"/>
    </com.google.android.material.appbar.CollapsingToolbarLayout>

</com.google.android.material.appbar.AppBarLayout>

<androidx.core.widget.NestedScrollView
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <include layout="@layout/include_match_detail"/>

</androidx.core.widget.NestedScrollView>


<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@ id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        app:layout_anchor="@id/app_bar"
        app:layout_anchorGravity="bottom|end"
        app:srcCompat="@drawable/ic_logo"/>
  

`

Вы можете попробовать этот файл стиля

 styles.xml;

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

    <item name="android:textColorSecondary">@color/white</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowBackground">@color/colorPrimaryDark</item>
    <item name="android:windowDisablePreview">true</item>
    <item name="colorPrimary">@android:color/transparent</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
    <item name="colorPrimaryDark">@android:color/transparent</item>
</style>
  

также вам необходимо создать стиль для API уровня 21

 styles.xml for v21;
<style name="AppTheme.NoActionBar">
    <item name="android:windowBackground">@color/colorPrimary</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDisablePreview">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="colorPrimary">@android:color/transparent</item>
    <item name="colorPrimaryDark">@android:color/transparent</item>

    <item name="android:colorAccent">@color/colorAccent</item>
    <item name="android:textColorSecondary">@color/white</item>
</style>
  

затем в вашем AndroidManifest.xml файле вам нужно указать свой стиль для вашего приложения

 AndroidManifest.xml

<application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:networkSecurityConfig="@xml/network_security_config"
        android:roundIcon="@mipmap/ic_launcher"
        android:supportsRtl="true"
        android:theme="@style/AppTheme.NoActionBar"
        android:usesCleartextTraffic="true"
        tools:ignore="GoogleAppIndexingWarning">
        ...
</application>
  

Еще одна проблема, с которой я сталкиваюсь, когда пытаюсь создать макет с прозрачным статусом.
Мне нужно было поместить содержимое XML-макета внутрь DrawerLayout , чтобы сделать строку состояния прозрачной.

Измените все android:fitsSystemWindows атрибуты с «true» на «false», это может помочь вам получить полупрозрачную строку состояния,
но после того, как вы это сделаете, ваша collapsingbarlayout строка состояния будет свернута, и заголовок на вашей панели инструментов может отображаться в строке состояния,
затем вы можете попробовать добавить android:layout_marginTop атрибут на вашей панели инструментов и установить его значение в «20dp».