Playニューススタンドのレイアウトに似たものを作成する方法

ピロン大聖堂

Playニューススタンドのレイアウトを「再作成」しようとしています(似たようなもの)。ドキュメントによると、CoordinatorLayoutの一般的な構造は次のとおりです。

<CoordinatorLayout>
    <!—  view that shrinks —>
    <AppBarLayout>
        <CollapsingToolbarLayout>
            …
        </CollapsingToolbarLayout>
    </AppBarLayout>

    <!— view that scrolls —>
    <SomeScrollView >
        ….
    </SomeScrollView>
</CoordinatorLayout>

Newsstandアプリを見るときを除いて、私が見ることができるのは、それSomeScrollViewが実際にはTabLayoutのViewPagerであるということです。私の特定のケースでは、私の主な問題はSomeScrollView、フラグメントのある種のコンテナでなければならないということです。だから基本的に私が欲しいのは

-------
|   A |
|     |
-------
|  B  |
|     |
-------

ここで、Aは折りたたみ可能な部分、Bはスクロール部分です。繰り返しますが、私の場合、Bは動的フラグメントのコンテナーです。したがって、AにはTabLayoutがあり、ユーザーがタブをクリックすると、Bの表示フラグメントが変更されます。Bのフラグメントには、RecycleViewまたはスクロール可能なTextViewのいずれかが含まれます。(実際には、フラグメントの1つはRecycleViewとTextViewの両方を含むFrameLayoutであり、どちらも一度に表示されます)

これまでの私のコードは次のとおりです。

<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"
    tools:context=".MainActivity">

    <!-- collapsing view -->
    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <include
                …
                />

            <android.support.design.widget.TabLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags=“…”
                />

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

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

    <!-- scrolling view -->
    <android.support.v4.view.ViewPager
        android:id="@+id/main_viewpager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >

    </android.support.v4.view.ViewPager>

    <android.support.design.widget.FloatingActionButton
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        app:layout_anchor="@id/app_bar"
        app:layout_anchorGravity="bottom|right|end"
        android:src="@drawable/ic_add"
        android:layout_margin="@dimen/minor_horizontal_margin"
        android:clickable="true"/>

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

誰かが私がそれを完了するのを手伝ってくれませんか?

アリトラロイ

これで、このライブラリPlayNewstandレイアウトを正確に複製できます。

ここに画像の説明を入力してください

その非常に使いやすいし、持っているカスタマイズのための巨大な範囲をあなたがライブラリをそのように使用することをいとわないという事実を私は知っています、しかしこれはあなたにとって物事をとても簡単にすることができます。

これを追加するだけです

compile ('com.github.florent37:materialviewpager:1.0.7@aar'){
    transitive = true
}

XMLでレイアウトを追加し、

<com.github.florent37.materialviewpager.MaterialViewPager
    android:id="@+id/materialViewPager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:viewpager_logo="@layout/header_logo"
    app:viewpager_logoMarginTop="100dp"
    app:viewpager_color="@color/colorPrimary"
    app:viewpager_headerHeight="200dp"
    app:viewpager_headerAlpha="1.0"
    app:viewpager_hideLogoWithFade="false"
    app:viewpager_hideToolbarAndTitle="true"
    app:viewpager_enableToolbarElevation="true"
    app:viewpager_parallaxHeaderFactor="1.5"
    app:viewpager_headerAdditionalHeight="20dp"
    app:viewpager_displayToolbarWhenSwipe="true"
    app:viewpager_transparentToolbar="true"
    app:viewpager_animatedHeaderImage="true"
    />

ライブラリページのカスタマイズガイドライン従ってください。それでもまだ使用することに確信が持てない場合でも、ライブラリにアクセスして、ライブラリがどのように構築されたかを確認できます。自分で作成するための十分な洞察を得ることができます(ただし、時間がかかります)

それが役に立てば幸い。

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Androidのレイアウト内にカスタマイズされたメニューを作成しますか?

分類Dev

ニュースレターのメールを他のメールアカウントのメール受信トレイに直接送信する方法

分類Dev

ビューがImageViewの下部に固定されている(ただし上部にもスタックされている)レイアウトを作成する

分類Dev

メニューリストを取得するためにセレンWebドライバーの画像にマウスを合わせる方法

分類Dev

メニューがスライドアウトした後、ボタンの矢印を下に向けます

分類Dev

Google Playの請求:「アカウント保留」ステータスをシミュレートする方法(デバッグ/サンドボックスモード)

分類Dev

Blackberry App Worldに似たBlackberry画面スライドアニメーションを作成する方法

分類Dev

Drupalのチェックアウトページでニュースレターにサインアップするための[ニュースレターを購読する]チェックボックスの仕組み

分類Dev

アンドロイドのリンクで提供されている画像に似たレイアウトを作成する方法

分類Dev

GoogleマップやTwitterに似たスライドアウトメニューペインを実装するにはどうすればよいですか?

分類Dev

初心者のためのステップバイステップでiOSでスライドアウトメニューを作成する方法

分類Dev

アンドロイドスタジオで水平方向のビューを3つの異なるレイアウトに分割する方法は?

分類Dev

レスポンシブドロップダウンメニューでhrefにリンクする特定の文字またはアンカータグの一部を作成する方法

分類Dev

javascriptのスロットル/デバウンス関数に似たRails / Rubyメソッドを作成する方法

分類Dev

VisualStudioのレイザービューで新しく作成されたumbracoドキュメントタイプにアクセスする方法

分類Dev

既存のものに基づいてカスタムテキスト入力入力ソース(キーボードレイアウト)を作成する

分類Dev

1つのキーが2つのユニコードコードポイントを作成するカスタムxkbレイアウト

分類Dev

1つのキーが2つのユニコードコードポイントを作成するカスタムxkbレイアウト

分類Dev

マウスアウトでこのドロップダウンメニューを非表示にする方法

分類Dev

ダウンロードしたXcodeシミュレーターをアンインストールする方法?

分類Dev

線形レイアウトでテキストビューの下にボタンを配置する方法

分類Dev

ドロップダウンメニューのボタンのテキストを、選択したliリストアイテムのテキストに変更する方法-jquery

分類Dev

Javaでオフスクリーンフレームを作成しますか(または、すべてのアプリケーションウィンドウが閉じているときに、Macで空のメニューを回避する方法)?

分類Dev

Windows10の現在のユーザーに対してPowerShellを介してWindowsスタートメニューレイアウトを設定する方法

分類Dev

Androidレイアウトのカスタムデザインを作成する方法

分類Dev

カウンターのようなTwitterの投稿に似た数の増分アニメーションを作成する方法

分類Dev

2つのニュースタイトル間の類似スコアが得られるモデルをトレーニングするにはどうすればよいですか?

分類Dev

データグリッドにコンテキストメニューを追加し、選択したアイテムの値を取得する方法

分類Dev

データグリッドにコンテキストメニューを追加し、選択したアイテムの値を取得する方法

Related 関連記事

  1. 1

    Androidのレイアウト内にカスタマイズされたメニューを作成しますか?

  2. 2

    ニュースレターのメールを他のメールアカウントのメール受信トレイに直接送信する方法

  3. 3

    ビューがImageViewの下部に固定されている(ただし上部にもスタックされている)レイアウトを作成する

  4. 4

    メニューリストを取得するためにセレンWebドライバーの画像にマウスを合わせる方法

  5. 5

    メニューがスライドアウトした後、ボタンの矢印を下に向けます

  6. 6

    Google Playの請求:「アカウント保留」ステータスをシミュレートする方法(デバッグ/サンドボックスモード)

  7. 7

    Blackberry App Worldに似たBlackberry画面スライドアニメーションを作成する方法

  8. 8

    Drupalのチェックアウトページでニュースレターにサインアップするための[ニュースレターを購読する]チェックボックスの仕組み

  9. 9

    アンドロイドのリンクで提供されている画像に似たレイアウトを作成する方法

  10. 10

    GoogleマップやTwitterに似たスライドアウトメニューペインを実装するにはどうすればよいですか?

  11. 11

    初心者のためのステップバイステップでiOSでスライドアウトメニューを作成する方法

  12. 12

    アンドロイドスタジオで水平方向のビューを3つの異なるレイアウトに分割する方法は?

  13. 13

    レスポンシブドロップダウンメニューでhrefにリンクする特定の文字またはアンカータグの一部を作成する方法

  14. 14

    javascriptのスロットル/デバウンス関数に似たRails / Rubyメソッドを作成する方法

  15. 15

    VisualStudioのレイザービューで新しく作成されたumbracoドキュメントタイプにアクセスする方法

  16. 16

    既存のものに基づいてカスタムテキスト入力入力ソース(キーボードレイアウト)を作成する

  17. 17

    1つのキーが2つのユニコードコードポイントを作成するカスタムxkbレイアウト

  18. 18

    1つのキーが2つのユニコードコードポイントを作成するカスタムxkbレイアウト

  19. 19

    マウスアウトでこのドロップダウンメニューを非表示にする方法

  20. 20

    ダウンロードしたXcodeシミュレーターをアンインストールする方法?

  21. 21

    線形レイアウトでテキストビューの下にボタンを配置する方法

  22. 22

    ドロップダウンメニューのボタンのテキストを、選択したliリストアイテムのテキストに変更する方法-jquery

  23. 23

    Javaでオフスクリーンフレームを作成しますか(または、すべてのアプリケーションウィンドウが閉じているときに、Macで空のメニューを回避する方法)?

  24. 24

    Windows10の現在のユーザーに対してPowerShellを介してWindowsスタートメニューレイアウトを設定する方法

  25. 25

    Androidレイアウトのカスタムデザインを作成する方法

  26. 26

    カウンターのようなTwitterの投稿に似た数の増分アニメーションを作成する方法

  27. 27

    2つのニュースタイトル間の類似スコアが得られるモデルをトレーニングするにはどうすればよいですか?

  28. 28

    データグリッドにコンテキストメニューを追加し、選択したアイテムの値を取得する方法

  29. 29

    データグリッドにコンテキストメニューを追加し、選択したアイテムの値を取得する方法

ホットタグ

アーカイブ