11

以下のように、スクロール時にツールバーベースのアルファを変更したい:

ここに画像の説明を入力

ツールバーは最初は透明で、下にスクロールすると徐々に表示され、最後には完全に不透明 (表示) になります。

私のレイアウトの構造は次のとおりです。

<android.support.design.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.support.design.widget.AppBarLayout
    android:id="@+id/app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

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

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_collapseMode="parallax">

            ....

        </RelativeLayout>

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

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

    <android.support.v4.widget.NestedScrollView
    android:id="@+id/scroll"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipToPadding="false"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

         ....

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

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

ネストされたスクロールビューのコンテンツはサーバーから動的に変更されるため、高さはわかりません。

scrollY を検出する 2 つの方法を見つけました。

  1. addOnScrollChangedListener :

    scroll.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() {
 @Override
 public void onScrollChanged() {
    // use scroll.getScrollY()     
}
});

  2. setOnScrollChangeListener :

    scroller.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {

@Override
public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {

}
});

しかし、これらの方法はどれもスムーズではありません。たとえば、scrollY( を使用してlog.d()) の値を確認すると、次のように表示されます。

scrollY: 58
scrollY: 117
scrollY: 167
scrollY: 192
scrollY: 195
scrollY: 238
scrollY: 281
scrollY: 338

数値のギャップが大きい。

私の質問は: スクロールのパーセンテージを毎秒 (スムーズに) 取得する方法は? または、スクロールの現在の位置に基づいてツールバーベースのアルファを変更する他の方法はありますか?

4

4 に答える 4

2

この方法を試してください：

    nestedScrollView.setOnScrollChangeListener((NestedScrollView.OnScrollChangeListener) (v, scrollX, scrollY, oldScrollX, oldScrollY) -> {
                int verticalScrollableHeight = v.getChildAt(0).getMeasuredHeight() - v.getMeasuredHeight();
                float verticalPercentage = ((float) scrollY) / verticalScrollableHeight;
于 2020-12-23T08:13:42.633 に答える