3

関連する質問

CollapseingToolbarLayout | スクロールとレイアウトの問題 2

質問

私は を使用しており、スクロール時にとがスクロールアウトする原因となるAndroid Support Design Libraryを正常に実装しました。これは非常にうまく機能するので、新しい で運試しをしようと考えました。CoordinatorLayoutToolbarTabLayoutCollapsingToolbarLayout

別の活動で、私は実装に関する問題を次々と抱えていますCollapsingToolbarLayout。彼らが言うように、私は近くにいますが、葉巻はありません。

2 つの異なるフラグメントを使用したい

  1. ヘッダー画像(現在はImageView)
  2. 「スクロール可能な」コンテンツ(実際にはコンテンツは実際にはスクロール可能ではありませんが、テストのために Lorem Ipsum のテキストを長くするように強制しました)

このレイアウトの例を 1 つ自分で作成しましたが、何度も試してもうまくいきませんでした。最後に、[ここに画像の説明を入力][5] を見つけ、それを修正して現在の私にたどり着きました。

問題

注:これらが 1 つのこと (ドミノ効果) によって引き起こされているのか、それとも個人的なものなのかはわかりません。また、関連する質問をかなり見てきましたが、これらの問題はないようです。

  1. Scrollable Contentヘッダー画像の上に表示されます
  2. Scrollable Contentの下部に固定されていません。Header Image

  3. スクロールすると、次のいずれかが一見ランダムにScrollable Contentスクロールされます。Header Image

    • Just right指の速さを追う（パーフェクト）
    • Too fastHeader Image指を1行のテキストの高さだけ動かすと、画面外にアニメーションが表示されます

    • また ではScroll down、上記の 2 つの効果と 3 つ目の効果が同時に発生します。

      • Instantまたは全幅Near instantで表示する「アニメーション」Header Image

編集：以下は別の質問で尋ねられます!! 上記には1つの簡単な修正がありました

  1. を展開して完全に表示することはCollapsingToolbarLayoutできませんToolbar Header Image

    • 画像の大部分が表示されますが、すべてではありません。Topカットされていますが、底が見えています。

  2. にToolbar設定されてPinいますが、スクロールすると非表示になります

    • Header Image消えればいいだけ

コード

一般的なレイアウト

<android.support.design.widget.CoordinatorLayout>

    <android.support.design.widget.AppBarLayout>

        <android.support.design.widget.CollapsingToolbarLayout>

            <ImageView/> <!-- Will be a fragment later -->

            <android.support.v7.widget.Toolbar/>

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

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

    <android.support.v4.widget.NestedScrollView>

        <fragment/>  <!-- Not a scrolling fragment layout -->

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

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

レイアウト.xml

<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:fitsSystemWindows="true">

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

        <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:expandedTitleMarginEnd="16dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|enterAlways">

            <ImageView
                android:id="@+id/header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/download"

                android:scaleType="centerCrop" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/anim_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"

                app:layout_collapseMode="pin" />

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

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

    <android.support.v4.widget.NestedScrollView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@+id/imageView1">

        <fragment
            android:id="@+id/detail"
            android:name="<package>.<fragment_name>"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

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

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

1 2 3

4 5 6

4

1 に答える 1