Панель инструментов поверх панели приложений — CoordinatorLayout

Я боролся с AppBarLayout/Toolbar/CoordinatorView. Хотите, чтобы Toolbar скользило вверх при прокрутке и немедленно возвращалось при прокрутке вниз (как и в большинстве приложений для чтения, g+ также является примером). Однако вот что я получаю:

Нормальный:

Нормальный

Небольшая прокрутка:

Небольшой свиток

Полная прокрутка:

Все прокручивается

Это мой код:

<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:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="main.MainActivity">

    <android.support.design.widget.AppBarLayout
    android:id="@+id/id_appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
        android:id="@+id/id_toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_scrollFlags="scroll|enterAlwaysCollapsed"
        android:title="Hello World"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

    </android.support.design.widget.AppBarLayout>


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

</android.support.design.widget.CoordinatorLayout>

main__activitycontent:

<android.support.v4.widget.NestedScrollView
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"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="main.MainActivity"
tools:showIn="@layout/main__activity">

    <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/text_margin"
    android:text="@string/large_text"/>

</android.support.v4.widget.NestedScrollView>

Я читал много сообщений в блогах, но ни одна из их конфигураций, похоже, не работает для меня. Скрытие при прокрутке вверх/отображение при прокрутке вниз работает нормально, только Toolbar перемещается по панели приложений. Проверяя иерархию представлений Android, я вижу, что они Toolbar находятся над темно-синей панелью приложений, и они перемещаются вверх вместе.

ИЗМЕНИТЬ 1

Удаление fitsSytemWindows=true из CoordinatorLayout приводит к ожидаемому поведению, но панель приложения становится белой, независимо от цвета фона для CoordinatorLayout:

введите описание изображения здесь

Я предполагаю, что поведение на самом деле не изменилось, произошло то, что оно больше не закрывает панель приложений, поэтому панель инструментов не проходит через нее.

ИЗМЕНИТЬ 2

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar"/>

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

</resources>

ИЗМЕНИТЬ 3

package main;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;

import com.ee.oef.refactor.R;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main__activity);
    Toolbar toolbar = (Toolbar) findViewById(R.id.main__toolbar);
    setSupportActionBar(toolbar);

}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main__menu, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }
    return super.onOptionsItemSelected(item);
}
}

person Eduardo Bonet    schedule 10.02.2016    source источник
comment
попробуйте удалить android:fitsSystemWindows="true", похоже, ваша панель инструментов находится под системной панелью приложений, потому что вы установили это   -  person kandroidj    schedule 11.02.2016
comment
Если я удалю android:fitsSystemWindows=true, поведение будет работать, как и ожидалось, но панель приложений станет белой, а не colorPrimaryDark. Я попытался изменить цвет bg CoordinatorLayout, но он остается белым.   -  person Eduardo Bonet    schedule 11.02.2016
comment
Вы определили <item name="colorPrimaryDark">@color/color_primary_dark</item> в своем файле styles.xml в разделе AppTheme?   -  person kandroidj    schedule 11.02.2016
comment
Даже изменение макета на #0000FF ничего не дает, так что это не проблема объявления. Удаление fitsSystemWindow привело к тому, что макет координатора начинался прямо под панелью приложений.   -  person Eduardo Bonet    schedule 11.02.2016
comment
и последнее, поделитесь кодом активности, где вы используете этот макет   -  person kandroidj    schedule 11.02.2016
comment
Добавил активность. Там нет ничего особенного.   -  person Eduardo Bonet    schedule 11.02.2016
comment
Установлена ​​ли в манифесте тема действия AppTheme.NoActionBar?   -  person kris larson    schedule 11.02.2016
comment
какой у тебя основной цвет?   -  person kandroidj    schedule 11.02.2016


Ответы (1)


Проблема в:

app:layout_scrollFlags="scroll|enterAlwaysCollapsed"

Что вы можете добавить к CollapsingToolbarLayout.enterAlwaysCollapsed это хорошая практика для CollapsingToolbarLayout, а не Toolbar.

ОБНОВЛЕНИЕ: И я видел несколько проблем с макетами и идентификаторами.

Например, не уверен, что вы видели это или нет, но я объясню это. Во-первых, идентификатор Toolbar: id_toolbar, который в onCreate:

Toolbar toolbar = (Toolbar) findViewById(R.id.main__toolbar);

Итак, просто измените его на:

<android.support.v7.widget.Toolbar
            android:id="@+id/main__toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

P.s: я только что удалил заголовок и Scrollflag, который происходит от Manifest -> android:label, и вам нужно изменить его (если вы хотите изменить его, сделайте это программно).

и немедленно вернуться при прокрутке вниз (как и большинство приложений для чтения, g+ также является примером).

Просто добавьте это в свой Toolbar:

app:layout_scrollFlags="scroll|enterAlways"

И, наконец, здесь вы можете увидеть мой ответ об этом: https://stackoverflow.com/a/35241363/4409113

Что у нас есть:

введите здесь описание изображения

Обновление: я не использовал:

android:fitsSystemWindows="true"

В CoordinatorLayout тоже. как вы можете видеть пример здесь:

https://github.com/chrisbanes/cheesesquare/blob/master/app/src/main/res/layout/include_list_viewpager.xml

Обновление: чтобы решить проблему с белой панелью инструментов, установите в values-v21/styles.xml:

<item name="android:statusBarColor">@color/colorPrimaryDark</item>

Это дает соответствующее поведение и внешний вид.

person ʍѳђઽ૯ท    schedule 11.02.2016
comment
Мне удалось получить это состояние, удалив fitsSystemWindow=false в CoordinatorLayout. Однако строка состояния не окрашивалась, потому что CoordinadorLayout начинался ниже StatusBar. Я нашел обходной путь, установив для android:windowBackground значение primaryDarkColor. - person Eduardo Bonet; 11.02.2016
comment
Обновление, я снова увидел cheesesquare, похоже, он не добавил это в CoordinatorLayout, но добавил в Drawer, в любом случае, мой ответ - правильный ответ об этих флагах, я думаю. - person ʍѳђઽ૯ท; 11.02.2016
comment
Я приму ваш ответ, просто добавьте к нему что-нибудь для полноты: set ‹item name=android:statusBarColor›@color/colorPrimaryDark‹/item› - person Eduardo Bonet; 11.02.2016
comment
Хорошо, но одно: проверьте эту ссылку: developer.android.com/training/material/ theme.html Говорит: По умолчанию android:statusBarColor наследует значение android:colorPrimaryDark, так что на самом деле вам это не нужно, если вы заметили какие-то странные вещи, это должно быть исправлено с помощью реального устройства, я сказал это, потому что думал, что вы используете эмулятор. - person ʍѳђઽ૯ท; 11.02.2016
comment
Я добавил правку к вашему ответу. должно быть хорошо. Спасибо вам за помощь - person Eduardo Bonet; 11.02.2016
comment
Пожалуйста, кстати, вам не нужен этот statusBarColor, так как у вас есть colorPrimaryDark;), удачного программирования. - person ʍѳђઽ૯ท; 11.02.2016
comment
это то, что я нашел самым странным: должно, но не было. Позже я проверил v21/styles.xml и обнаружил, что statusBarColor перезаписывается и становится прозрачным (это был код, автоматически сгенерированный студией). - person Eduardo Bonet; 11.02.2016
comment
Хм, странно, спасибо, что указали и на v21, должно быть интересно, я тоже проверю. удачи - person ʍѳђઽ૯ท; 11.02.2016