Android Material风格的应用(五)--CollapsingToolbar

Collapsing Toolbar

Android Material风格的应用(一)--AppBar TabLayout
Android Material风格的应用(二)--RecyclerView
Android Material风格的应用(三)--DrawerLayout
Android Material风格的应用(四)--FloatActionButton
Android Material风格的应用(五)--CollapsingToolbar

CollapsingToolbar

工程源码
我们为列表的item创建一个详情页面,创建DetailActivity.java对应的布局文件activity_detail.xml

<android.support.design.widget.AppBarLayout
  android:layout_width="match_parent"
  android:layout_height="@dimen/app_bar_height"
  android:fitsSystemWindows="true"
  android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

  <android.support.design.widget.CollapsingToolbarLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:id="@+id/collapsing_toolbar"
      android:fitsSystemWindows="true"
      android:theme="@style/ThemeOverlay.AppCompat.Dark"
      app:contentScrim="?attr/colorPrimary"
      app:expandedTitleMarginEnd="@dimen/article_keylines"
      app:expandedTitleMarginStart="@dimen/md_keylines"
      app:layout_scrollFlags="scroll|exitUntilCollapsed">
      <ImageView
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:id="@+id/image"
          android:fitsSystemWindows="true"
          android:scaleType="centerCrop"
          app:layout_collapseMode="parallax"/>
      <android.support.v7.widget.Toolbar
          android:layout_width="match_parent"
          android:layout_height="?attr/actionBarSize"
          app:layout_collapseMode="pin"
          app:popupTheme="@style/ThemeOverlay.AppCompat.Light"></android.support.v7.widget.Toolbar>
  </android.support.design.widget.CollapsingToolbarLayout>

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

在代码中初始化相关的逻辑

CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout)findViewById(R.id.collapsing_toolbar);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,351评论 25 709
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,946评论 22 665
  • 昨天晚上因为曾他爹说到生孩子的问题。特么还没有结婚,就催生孩子。一直还说什么把你们计划好了,年底结婚,马上生孩子,...
    曾曾的麻麻阅读 189评论 0 0
  • 刚刚看完第一季的《绝命律师》(Better Call Saul),还是有种意犹未尽的感觉。这种感觉可能是因为这又是...
    loda0128阅读 5,414评论 0 1
  • 在一个闪电交加的晚上,一个熟悉的影子出现在百柔雪眼睛的里,「哈哈,百柔雪,还记得我吗?」柔雪当然知道她是谁,这个人...
    颖心阅读 263评论 2 1