2016-06-23 4 views
0

enter image description hereAndroidでこの種のビューを作成する方法は?

私の連絡先Androidアプリでこの種類のUIを使用したいと思います。 下にスクロールすると画像のサイズが変更され、名前「XYZ」が最後にアクションバーのタイトルになります。また、イメージビューにtextviewを配置するにはどうすればよいですか?

+0

[ObservableScrollView](https://github.com/ksoichiro/Android-ObservableScrollView) – Onur

+0

FrameLayoutを使用して要素を重ねることができます。 FrameLayoutをルート要素として使用し、RelativeLayoutを使用すると、要素がそのように重なり合うことができます。 – Zoe

+0

https://guides.codepath.com/android/Handling-Scrolls-with-CoordinatorLayout –

答えて

1

あなたが探しているものはCollapsingToolbarLayoutです。

この種のアニメーションの一般的なアプローチは、2つの子を含むトップレベルCoordinatorLayoutを使用することです。最初の子は「折りたたみ可能な」コンテンツで、2番目の子は「ボディ」です。一般的な階層は次のようになります。

CoordinatorLayout 
    |-AppBarLayout 
    |-CollapsingToolbarLayout 
     |-Toolbar 
    |-ScrollView 

第二子はScrollViewあってはならない - あなたのニーズに合った任意のViewGroupを使用して、ちょうどxmlにその記述に次の属性を追加します。

app:layout_behavior="@string/appbar_scrolling_view_behavior" 

文字列リソースの上にはAppBarLayout.ScrollingViewBehaviorにマッピングする必要があります(このリソースの値としてandroid.support.design.widget.AppBarLayout$ScrollingViewBehaviorを使用してください)。

Codepathには、この種のアニメーションに関する非常に良いチュートリアルがあります。

+0

上記の文字列リソースをAppBarLayout.ScrollingViewBehaviorにマップする必要があります。私はこれを得ていない。 @文字列で書くべきもの –

+0

@AshutoshMaheshwari、編集された答えをご覧ください – Vasiliy

関連する問題