web-dev-qa-db-ja.com

スクロール効果のようなGoogle+プロファイル

私はGoogleプラスに取り組んでいますAndroidアプリとそれらがどのように達成されたのか疑問に思っています縦断ビューでのスクロール効果、私は2日間ウェブ全体を検索しましたが見つかりませんでしたこれに関するチュートリアルは、私が何について話しているのかわからない人は、Nexus7で撮ったスクリーンショットを見ることができます。

今、私の好奇心はこの効果を達成する方法を知ることにあります、アイデアを持っている人は誰でも私を導いてください。View the GIF

18
Nitin Misra

---古い情報----

Android-ParallaxHeaderViewPagerタブヘッダーをスクロールする良い例 kmshack Github page を使用して、この効果を実現することもできます。

サンプルコードはこれで与えられます ここにGitハブリンク

enter image description here

ソリューションの説明は、githubページで説明されています。

NEW UPADTE 25-4-2015

新しいライブラリはアプリコンパクトとツールバーで動作します Andriod-Seamless-ViewPager-Header

Andriod-Seamless-ViewPager

また、利用可能な別の例がありますPlayNewsStandDemo

これを確認してください PlayNewsStandDemo

PlayNewsStandDemo

これがお役に立てば幸いです

20
Ramz

上部は視差効果と呼ばれ、背景画像が実際のスクロールの半分の速度でスクロールします。

Paralloidと呼ばれるライブラリに使用できる優れたライブラリがあります。

https://github.com/chrisjenx/Paralloid

他の部分はスティッキータブで、StickyListHeadersを使用して実装できます。

https://github.com/emilsjolander/StickyListHeaders

13
Eduard Kotysh

これは、私たちが呼びたいもの「視差効果」を使用して実現できます。その効果を得るために使用できる使いやすいライブラリを作成しました。

RecyclerViewで使用する場合は、次のライブラリを使用できます: https://github.com/kanytu/Android-parallax-recyclerview

ListView、ScrollViewなどのリストを使用できる場合は、次のリストを使用できます: https://github.com/kanytu/Android-parallax-listview

これはリンクのみの回答であることは知っていますが、そのような効果には多くのコーディングが必要であるため、回答として投稿することはできません。

表示される効果の画面は次のとおりです。

enter image description hereenter image description here

7
Pedro Oliveira

これは良いリソースです: http://antoine-merle.com/blog/2013/10/04/making-that-google-plus-profile-screen/ -スティッキーフッターについて説明します。視差とビューの階層。

スクロールで遅いアニメーションを探している場合は、こちらをご覧ください:

グーグルとAndroidのスクロールテクニック

6
Adnan Mulla

Googleデザインライブラリが提供するCollapsingToolbarLayoutを使用できます。次のリンクは、あなたが望むことを達成する方法の詳細な説明を提供します

http://inthecheesefactory.com/blog/Android-design-support-library-codelab/en

1
Ravi Teja