Androidがトップにスライドして止まる効果を実現しました。
まず、効果図を実現します。
資料を調べてみると、ネット上のほとんどはこのような方法で実現されています。
浮遊が必要な部分と同じである
ここで紹介しているのは別の方法です。
1、浮遊が必要な
2、
3、スクロールさせる
最終効果:
締め括りをつける
以上はAndroidがトップにスライドして止まる効果についての全部の内容ですが、皆さんはもう覚えましたか?この文章が皆さんの学習や仕事に役立つことを願っています。
資料を調べてみると、ネット上のほとんどはこのような方法で実現されています。
浮遊が必要な部分と同じである
layout
を複数書き、まず浮動領域の視認性をgone
に設定する。浮動領域が上部にスライドすると、浮動領域Bの視認性がVISIBLE
に設定される。このように上に浮遊して動かないように見えます。ここで紹介しているのは別の方法です。
design
パッケージのコントロールを使用します。
<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"
tools:context="com.peipei.app.MainActivity">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="250dp">
<android.support.design.widget.CollapsingToolbarLayout
app:layout_scrollFlags="scroll"
app:contentScrim="#000000"
android:layout_width="match_parent"
android:layout_height="220dp">
<TextView
android:text="banner "
android:gravity="center"
android:textColor="#ffffff"
android:background="#987545"
android:layout_width="match_parent"
android:layout_height="220dp"/>
</android.support.design.widget.CollapsingToolbarLayout>
<TextView
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="30dp"
android:text=" "/>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/text_margin"
android:text="@string/large_text"/>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
実装ステップ:1、浮遊が必要な
layout
をCollapsingToolbarLayout
以外にAppBarLayout
内に置く。2、
CollapsingToolbarLayout
のapp:layout_scrollFlags
をscroll
に設定する。3、スクロールさせる
NestedScroolView
の設定app:layout_behavior="@String/appbar_scrolling_view_behavior"
完成しました。最終効果:
締め括りをつける
以上はAndroidがトップにスライドして止まる効果についての全部の内容ですが、皆さんはもう覚えましたか?この文章が皆さんの学習や仕事に役立つことを願っています。