КоординаторLayout не заходит за строку состояния даже с окномTranslucentStatus и fitsSystemWindows
Я пытаюсь сделать вид за панель состояния следующим образом:
![Желаемый результат]()
Я попытался произвести этот эффект с помощью рекомендованных методов, но я получаю следующее:
![Фактический результат]()
Из скриншота видно, что ни одно содержимое моего приложения не выводится за панель состояния.
Что интересно, так или иначе, Nav Drawer удается оторваться от строки состояния:
![введите описание изображения здесь]()
Материал, который я сделал:
- Использовать виджеты библиотеки поддержки -
CoordinatorLayout
, AppBarLayout
, Toolbar
, DrawerLayout
-
windowTranslucentStatus
установлен в true
в моей теме приложения
-
fitsSystemWindows
установите true
на мой CoordinatorLayout
Это тема моего приложения:
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@android:color/transparent</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowTranslucentStatus">true</item>
</style>
Это мой макет деятельности:
<android.support.v4.widget.DrawerLayout
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:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
<FrameLayout android:id="@+id/page_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"/>
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/activity_main_drawer" />
</android.support.v4.widget.DrawerLayout>
FrameLayout в макете активности заменяется макетом фрагмента:
<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"
android:fitsSystemWindows="true"
tools:context=".MainActivity">
<FrameLayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:background="@android:color/holo_blue_bright"
tools:context=".MainActivity">
<TextView android:text="@string/lorem_ipsum"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</FrameLayout>
<android.support.design.widget.AppBarLayout
android:layout_height="wrap_content"
android:layout_width="match_parent"
app:elevation="0dp"
android:theme="@style/AppTheme.TransparentAppBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@android:color/transparent"
app:title="@string/hello_blank_fragment"
app:popupTheme="@style/AppTheme.OverflowMenu" />
</android.support.design.widget.AppBarLayout>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
android:src="@android:drawable/ic_dialog_email" />
</android.support.design.widget.CoordinatorLayout>
Ответы
Ответ 1
изменить для будущих читателей: есть много хорошей информации по этому вопросу и проблема с комментариями, обязательно прочитайте их.
оригинальный ответ:
Ваша тема неправильная, поэтому.
К сожалению, есть различия в том, как активировать в Kitkat или Lollipop. В моем коде я сделал это на Java, но вы также можете достичь этого в XML, если хотите играть с папками V21
в дереве ресурсов. Имя параметров будет очень похоже на Java-копии.
Удалите android:windowTranslucentStatus
из вашего XML и в Java:
public static void setTranslucentStatusBar(Window window) {
if (window == null) return;
int sdkInt = Build.VERSION.SDK_INT;
if (sdkInt >= Build.VERSION_CODES.LOLLIPOP) {
setTranslucentStatusBarLollipop(window);
} else if (sdkInt >= Build.VERSION_CODES.KITKAT) {
setTranslucentStatusBarKiKat(window);
}
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
private static void setTranslucentStatusBarLollipop(Window window) {
window.setStatusBarColor(
window.getContext()
.getResources()
.getColor(R.color. / add here your translucent color code /));
}
@TargetApi(Build.VERSION_CODES.KITKAT)
private static void setTranslucentStatusBarKiKat(Window window) {
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
то вы можете позвонить из своей деятельности setTranslucentStatusBar(getWindow());
изменить
создание прозрачной полосы состояния и рисование позади нее (по какой-то причине я не могу понять) - две отдельные задачи в Android.
Я больше посмотрел на свой код, и я уверен, что на моем макете больше android:fitsSystemWindows="true"
, чем просто CoordinatorLayout
.
ниже представлены все виды моего макета с android:fitsSystemWindows="true"
на них:
- CoordinatorLayout
- AppBarLayout
- CollapsingToolbarLayout
- ImageView (с фоновым изображением)
- FrameLayout (с содержимым заголовка)
поэтому мое предложение состоит в том, чтобы просто протестировать/попробовать заполнить android:fitsSystemWindows="true"
в вашем XML.
Ответ 2
Это действительно сбивало с толку для меня, но в итоге я понял это для моей комбинации просмотров, которая выглядит так:
<android.support.v4.widget.SwipeRefreshLayout - **no fitsSystemWindow set**
<android.support.design.widget.CoordinatorLayout- android:fitsSystemWindows="true"
<android.support.design.widget.AppBarLayout - android:fitsSystemWindows="true"
<android.support.design.widget.CollapsingToolbarLayout - android:fitsSystemWindows="true"
<RelativeLayout - android:fitsSystemWindows="true"
<ImageView - android:fitsSystemWindows="true"
Я также использовал методы, опубликованные Budius в моем приложении, чтобы получить прозрачную строку состояния:
Удалите андроид: windowTranslucentStatus из вашего XML и в Java используйте вот так:
public static void setTranslucentStatusBar(Window window) {
if (window == null) return;
int sdkInt = Build.VERSION.SDK_INT;
if (sdkInt >= Build.VERSION_CODES.LOLLIPOP) {
setTranslucentStatusBarLollipop(window);
} else if (sdkInt >= Build.VERSION_CODES.KITKAT) {
setTranslucentStatusBarKiKat(window);
}
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
private static void setTranslucentStatusBarLollipop(Window window) {
window.setStatusBarColor(
window.getContext()
.getResources()
.getColor(R.color. / add here your translucent color code /));
}
@TargetApi(Build.VERSION_CODES.KITKAT)
private static void setTranslucentStatusBarKiKat(Window window) {
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
Ответ 3
Если я хочу сделать за StatusBar, я использую CoordinatorLayout как большинство родительских представлений для Activity (android: fitsSystemWindows = "false" )
Если я хочу, чтобы StatusBar был транслютентом и одновременным просмотром кеппинга вдали от запрета позади StatusBar, я использую как большинство родительских представлений FrameLayout с аргументом
<FrameLayout
...
android:fitsSystemWindows="true">
</FrameLayout>
Мои styles.xml(v21) выглядят как
<resources>
<style name="AppTheme.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
</style>
<style name="AppTheme.NoStatusBar" parent="AppTheme.NoActionBar">
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>
<item name="windowActionBarOverlay">true</item>
<item name="android:windowActionBarOverlay">true</item>
</style>
</resources>
И styles.xml
<style name="AppTheme" parent="Theme.AppCompat.Light">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
Возможно, ключевой момент здесь - убедиться, что вы используете AppCompactActivity, а также используете Theme.AppCompact как root для ваших стилей.
Ответ 4
fitsSystemWindows добавляет дополнение к вершине представления, поэтому оно не скрывается под строкой состояния. Удалите fitsSystemWindows, и он будет за ним.
Ответ 5
Настройка отрицательного верхнего края для CoordinatorLayout работала для меня.