Google Playの映画セクションのような横向きのレイアウトを作成するにはどうすればよいですか?

ConfusedCoder

Google Playで映画をクリックして横向きモードに移動すると、画像が背景に表示され、映画の詳細が背景の上のレイアウトに表示されます。これらの2つのサーフェスは一緒にスクロールします。どうやってやるの?

映画セクションGooglePlayムービーの例

映画セクションGooglePlayムービーの例

折りたたみツールバーがあり(背景画像はこちら)、ネストされたスクロールビュー全体をアプリバーに固定してみました。しかし、それはうまくいきません。

<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">

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:fitsSystemWindows="true"
    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="match_parent"
        android:fitsSystemWindows="true"
        app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
        app:expandedTitleMargin="16dp">

        <ImageView
            android:id="@+id/iv_movie_detail_backdrop"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            android:scaleType="centerCrop"
            app:layout_collapseMode="parallax"/>

        <View
            android:layout_width="match_parent"
            android:layout_height="160dp"
            android:layout_gravity="bottom"
            android:background="@drawable/scrim"/>

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

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

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

<include
    layout="@layout/scrollview_movie_detail"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

ઽ૯૯

ImageViewは通常のフラグ(parallax)がapp:layout_collapseMode="parallax"必要です:そしてそれはCollapsingToolbarLayout。にある必要があります。

表示されるコンテンツについて、次を追加するだけです。

app:behavior_overlapTop="100dp" // 100dp for example

あなたにNestedScrollView(またはそのようなRecyclerViewものに:) app:layout_behavior="@string/appbar_scrolling_view_behavior"

ここに使用できる良いサンプルがあります:https//github.com/saulmm/CoordinatorBehaviorExample

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Google Playで映画を再生するにはどうすればよいですか?

分類Dev

Google Playで映画を再生するにはどうすればよいですか?

分類Dev

Googleカレンダーアプリの「今日」のアクションアイテムのように、動的なテキストをすべて描画可能な画像に含めるにはどうすればよいですか。

分類Dev

Googleアプリでのアクションを中断するにはどうすればよいですか?

分類Dev

Google KMSを使用してGCPプロジェクト間でシークレットにアクセスするためのサービスアカウントを作成するにはどうすればよいですか?

分類Dev

Google Playストアでアカウントを作成するにはどうすればよいですか?

分類Dev

他の人のAndroidスマートフォンが、リリースされていないGoogleアクションのテストバージョンを使用できるようにするにはどうすればよいですか?

分類Dev

Googleでのアクション-テーブルを表示するにはどうすればよいですか?

分類Dev

各インスタンスの作成時にユーザーがスクリプトのアクセス権を承認する必要がないスクリプトを使用してGoogleシートテンプレートを作成するにはどうすればよいですか?

分類Dev

Google Playストアでライトバージョンのアプリに推奨を表示するにはどうすればよいですか?

分類Dev

Google Playで見られるようなボックスアプリケーションウィジェットを作成するにはどうすればよいですか?

分類Dev

Google API:既存のAPIキーのクライアントシークレットを見つけるにはどうすればよいですか?

分類Dev

レイアウトの下部に常に表示されるGoogleマップビューを作成するにはどうすればよいですか?

分類Dev

Googleドライブスプレッドシートに書き込むGoogleウェブアプリへのアクセスを許可するにはどうすればよいですか

分類Dev

Google Cloud Firestoreのプロジェクトのすべてのコレクションを削除するにはどうすればよいですか?

分類Dev

Google App Engineでホストされているウェブサイトのクローンを作成するにはどうすればよいですか?

分類Dev

Firebase / Google Cloud Firestoreのコレクションに追加された最新のドキュメントを取得するにはどうすればよいですか?

分類Dev

AndroidTVエミュレーターは空白です。Google Playストアなどのアプリを表示するにはどうすればよいですか?

分類Dev

AndroidのGoogleトークンから解析_ユーザーアカウントを作成するにはどうすればよいですか?

分類Dev

Googleスプレッドシートのスクリプトで「このアプリで一時的に無効になっているGoogleでサインイン」をバイパスするにはどうすればよいですか。

分類Dev

1つのアカウントを複数のアプリ(AccountAuthenticator、sharedUserId、Google Playアプリ署名)で使用するにはどうすればよいですか?

分類Dev

Google Analyticsから取得して、最も人気のあるコンテンツに基づいてトレンドスレッドセクションを作成するにはどうすればよいですか。

分類Dev

Google Playが受け入れるように、アプリケーションでWebサイトを開くにはどうすればよいですか?

分類Dev

Googleクラウドストレージ内のファイルのDjangoRestで署名付きURLを生成するにはどうすればよいですか?

分類Dev

Google Playストアでアプリのすべてのレビューをクロールするにはどうすればよいですか?

分類Dev

アカウントの管理者でない場合、Google Analyticsの構成ファイルを取得するにはどうすればよいですか?

分類Dev

アカウントの管理者でない場合、Google Analyticsの構成ファイルを取得するにはどうすればよいですか?

分類Dev

GoogleがAzureサブドメインのインデックスを作成しないようにするにはどうすればよいですか?

分類Dev

Googleコンソールのアクションでプロジェクトを削除するにはどうすればよいですか?

Related 関連記事

  1. 1

    Google Playで映画を再生するにはどうすればよいですか?

  2. 2

    Google Playで映画を再生するにはどうすればよいですか?

  3. 3

    Googleカレンダーアプリの「今日」のアクションアイテムのように、動的なテキストをすべて描画可能な画像に含めるにはどうすればよいですか。

  4. 4

    Googleアプリでのアクションを中断するにはどうすればよいですか?

  5. 5

    Google KMSを使用してGCPプロジェクト間でシークレットにアクセスするためのサービスアカウントを作成するにはどうすればよいですか?

  6. 6

    Google Playストアでアカウントを作成するにはどうすればよいですか?

  7. 7

    他の人のAndroidスマートフォンが、リリースされていないGoogleアクションのテストバージョンを使用できるようにするにはどうすればよいですか?

  8. 8

    Googleでのアクション-テーブルを表示するにはどうすればよいですか?

  9. 9

    各インスタンスの作成時にユーザーがスクリプトのアクセス権を承認する必要がないスクリプトを使用してGoogleシートテンプレートを作成するにはどうすればよいですか?

  10. 10

    Google Playストアでライトバージョンのアプリに推奨を表示するにはどうすればよいですか?

  11. 11

    Google Playで見られるようなボックスアプリケーションウィジェットを作成するにはどうすればよいですか?

  12. 12

    Google API:既存のAPIキーのクライアントシークレットを見つけるにはどうすればよいですか?

  13. 13

    レイアウトの下部に常に表示されるGoogleマップビューを作成するにはどうすればよいですか?

  14. 14

    Googleドライブスプレッドシートに書き込むGoogleウェブアプリへのアクセスを許可するにはどうすればよいですか

  15. 15

    Google Cloud Firestoreのプロジェクトのすべてのコレクションを削除するにはどうすればよいですか?

  16. 16

    Google App Engineでホストされているウェブサイトのクローンを作成するにはどうすればよいですか?

  17. 17

    Firebase / Google Cloud Firestoreのコレクションに追加された最新のドキュメントを取得するにはどうすればよいですか?

  18. 18

    AndroidTVエミュレーターは空白です。Google Playストアなどのアプリを表示するにはどうすればよいですか?

  19. 19

    AndroidのGoogleトークンから解析_ユーザーアカウントを作成するにはどうすればよいですか?

  20. 20

    Googleスプレッドシートのスクリプトで「このアプリで一時的に無効になっているGoogleでサインイン」をバイパスするにはどうすればよいですか。

  21. 21

    1つのアカウントを複数のアプリ(AccountAuthenticator、sharedUserId、Google Playアプリ署名)で使用するにはどうすればよいですか?

  22. 22

    Google Analyticsから取得して、最も人気のあるコンテンツに基づいてトレンドスレッドセクションを作成するにはどうすればよいですか。

  23. 23

    Google Playが受け入れるように、アプリケーションでWebサイトを開くにはどうすればよいですか?

  24. 24

    Googleクラウドストレージ内のファイルのDjangoRestで署名付きURLを生成するにはどうすればよいですか?

  25. 25

    Google Playストアでアプリのすべてのレビューをクロールするにはどうすればよいですか?

  26. 26

    アカウントの管理者でない場合、Google Analyticsの構成ファイルを取得するにはどうすればよいですか?

  27. 27

    アカウントの管理者でない場合、Google Analyticsの構成ファイルを取得するにはどうすればよいですか?

  28. 28

    GoogleがAzureサブドメインのインデックスを作成しないようにするにはどうすればよいですか?

  29. 29

    Googleコンソールのアクションでプロジェクトを削除するにはどうすればよいですか?

ホットタグ

アーカイブ