Android Material风格的应用(五)--CollapsingToolbar
2017-03-27 16:41
246 查看
Collapsing Toolbar
Android Material风格的应用(一)--AppBar TabLayoutAndroid Material风格的应用(二)--RecyclerView
Android Material风格的应用(三)--DrawerLayout
Android Material风格的应用(四)--FloatActionButton
Android Material风格的应用(五)--CollapsingToolbar
![](http://upload-images.jianshu.io/upload_images/2972448-1657c020d89d6e0e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2)
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 Material风格的应用(二)--RecyclerView
- Android Material风格的应用(二)--RecyclerView
- Android Material风格的应用(三)--DrawerLayout
- Android Material风格的应用(五)--CollapsingToolbar
- Android Material风格的应用(四)--FloatActionButton
- Android Material风格的应用(一)--AppBar TabLayout
- Android Material风格的应用(一)--AppBar TabLayout
- Android Material风格的应用(三)--DrawerLayout
- Android Material风格的应用(四)--FloatActionButton
- Android Material风格的应用(一)--AppBar TabLayout
- Android Material风格的应用(五)--CollapsingToolbar
- 使用 Fries 创建性感的 Android 风格移动应用界面
- Android应用开发中的风格和主题(style,themes)
- 主题-统一Android应用风格的机制
- Android应用开发中的风格和主题(style,themes)
- Android开发中的风格与主题的区别与应用
- Android应用开发中的风格和主题(style,themes)
- Android应用开发中的风格和主题(style,themes)
- Android应用开发中的风格和主题(style,themes)
- 主题-统一Android应用风格的机制