源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Android实现滑动到顶部悬停的效果

  • 时间:2022-01-04 22:13 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Android实现滑动到顶部悬停的效果
[b]先来看下要实现效果图:[/b] [img]http://files.jb51.net/file_images/article/201609/2016917113604185.gif?2016817113615[/img] [b]查阅资料后,发现网上大部分都是用这种方法实现的:[/b] 多写一个和需要悬浮的部分一模一样的[code]layout[/code],先把浮动区域的可见性设置为[code]gone[/code]。当浮动区域滑动到顶部的时候,就把浮动区域B的可见性设置为[code]VISIBLE[/code]。这样看起来就像悬浮在顶部不动了。 [b]这里介绍的是另外一种方式:[/b] 使用[code]design[/code]包中的控件
<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>
[b]实现步骤:[/b] 1、将需要悬浮的[code]layout[/code]放到[code]CollapsingToolbarLayout[/code]之外,[code]AppBarLayout[/code]之内 2、将[code]CollapsingToolbarLayout[/code]的[code]app:layout_scrollFlags[/code]设置为[code]scroll[/code] 3、给滚动的[code]NestedScroolView[/code]设置       [code]app:layout_behavior="@String/appbar_scrolling_view_behavior" [/code] [b]就大功告成了(记得根布局要是CoordinatorLayout)[/b] [b]最终效果:[/b] [img]http://files.jb51.net/file_images/article/201609/2016917113727009.gif?2016817113736[/img] [b]总结[/b] 以上就是关于Android滑动到顶部悬停效果的全部内容,大家都学会了吗?希望这篇文章对大家的学习或者工作带来一定的帮助,如果有疑问大家可以留言交流。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部