CoordinatorLayout + AppBarLayout + прозрачная строка состояния - PullRequest
Новая
       48

CoordinatorLayout + AppBarLayout + прозрачная строка состояния

0 голосов
/ 13 марта 2019

Мой сценарий

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

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

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

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

I got like that, no transparent status bar. I want like that, with transparent status bar. After scroll top, this is the result. This is ok. Рисунок 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"/>

`

Ответы [ 2 ]

0 голосов
/ 31 мая 2019

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

0 голосов
/ 14 марта 2019

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

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, чтобы сделать строку состояния прозрачной.

...