как скрыть и открыть текстовое представление при прокрутке вверх и вниз

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

Примеры изображений, показанные ниже, о которых я объяснил выше. Просмотр, когда плавающая кнопка действия находится внутри представления

Просмотреть, когда текстовые кнопки и кнопки с плавающими действиями не отображаются

Вот мой код для макета

<?xml version="1.0" encoding="utf-8"?>
<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="com.trueblueoperator.samplescrolling.ScrollingActivity">

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="192dp"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="192dp"
            android:scaleType="centerCrop"
            android:src="@drawable/image"
            app:layout_collapseMode="parallax" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

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

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

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/dislike"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="right|center_vertical" />

<TextView
    android:id="@+id/dislikes"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="5dp"
    android:paddingBottom="5dp"
    android:paddingTop="5dp"
    android:paddingRight="70dp"
    android:textSize="20dp"
    android:background="@drawable/rounded_corner"
    android:text="10"
    android:focusable="true"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="right|center_vertical"
    />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/like"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="right|bottom" />

<TextView
    android:id="@+id/likes"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="5dp"
    android:paddingBottom="5dp"
    android:paddingTop="5dp"
    android:paddingRight="70dp"
    android:textSize="20dp"
    android:focusable="true"
    android:background="@drawable/rounded_corner"
    android:text="100"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="right|bottom"
    />


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

android textview floating-action-button android-coordinatorlayout onscrolllistener
person Yogesh Yadav    schedule 05.01.2016    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Добавить прослушиватель Offset Changed для вас AppBarLayout

mAppBarLayout.addOnOffsetChangedListener(this);

Переопределить метод enter code here

@Override
public void onOffsetChanged(AppBarLayout appBarLayout, int i) {

    if (Math.abs(i) >= (appBarLayout.getTotalScrollRange())) {
        // Make your TextView Visible here
    } else {
        // Make your TextView Invisible here
    }

}
person Akshay    schedule 05.01.2016
comment
Почему вы вычитаете 10? - person Igor Bykov; 05.01.2016
comment
ой! извините за это .. это было для моего требования .. нет необходимости его использовать. - person Akshay; 06.01.2016

arrow_upward
0
arrow_downward

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

mAppBarLayout = (AppBarLayout)findViewById(R.id.appbar);
        mAppBarLayout.addOnOffsetChangedListener(new AppBarStateChangeListener() {
            @Override
            public void onStateChanged(AppBarLayout appBarLayout, State state) {
                if (state == State.COLLAPSED) {
                    hideTextView();
                } else {
                    showTextView();
                }
            }
        });

где прослушиватель AppBarStateChangeListener

public abstract class AppBarStateChangeListener implements AppBarLayout.OnOffsetChangedListener {

public enum State {
    EXPANDED,
    COLLAPSED,
    IDLE
}


private State mCurrentState = State.IDLE;

@Override
public final void onOffsetChanged(AppBarLayout appBarLayout, int i) {
    if (i == 0) {
        if (mCurrentState != State.EXPANDED) {
            onStateChanged(appBarLayout, State.EXPANDED);
        }
        mCurrentState = State.EXPANDED;
    } else if (Math.abs(i) >= appBarLayout.getTotalScrollRange()) {
        if (mCurrentState != State.COLLAPSED) {
            onStateChanged(appBarLayout, State.COLLAPSED);
        }
        mCurrentState = State.COLLAPSED;
    } else {
        if (mCurrentState != State.IDLE) {
            onStateChanged(appBarLayout, State.IDLE);
        }
        mCurrentState = State.IDLE;
    }
}

public abstract void onStateChanged(AppBarLayout appBarLayout, State state);

}

person Igor Bykov    schedule 05.01.2016

arrow_upward
0
arrow_downward

Вы можете добавить CoordinatorLayout.Behavior к TextView, которые хотите скрыть при прокрутке.

Взгляните на мой ответ, объяснение для FAB, но вы можете легко изменить его для TextView

https://stackoverflow.com/a/34028178/557179

person Nikola Despotoski    schedule 05.01.2016