首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >拥有可移动头像的折叠Android工具栏:CollapsingAvatarToolbar

拥有可移动头像的折叠Android工具栏:CollapsingAvatarToolbar

作者头像
非著名程序员
发布2018-02-02 11:52:02
1.2K0
发布2018-02-02 11:52:02
举报
文章被收录于专栏:非著名程序员非著名程序员

这个小库演示了如何将可折叠工具栏添加到您的应用程序中,并带有可移动和扩展的头像,类似于在Telegram Android应用中所看到的。

1、Collapsing Avatar Toolbar效果


2、Collapsing Avatar Toolbar说明


Collapsing Avatar Toolbar是一个 title 特效。 国外非常流行的一种设计~

温馨提示:Collapsing Avatar Toolbar 的更多使用请直接看下方的代码例子片段,或查看官方文档。

3、Collapsing Avatar Toolbar 使用


下面三个步骤,请仔细阅读。

1、

dependencies {
compile 'com.sloydev:collapsingavatartoolbar:1.0.0'
}

2、


<com.sloydev.collapsingavatartoolbar.CollapsingAvatarToolbar
android:layout_width="wrap_content"
android:layout_height="?attr/actionBarSize"
app:collapsedPadding="@dimen/collapsedPadding"
app:expandedPadding="@dimen/expandedPadding"
app:collapsedImageSize="@dimen/collapsedImageSize"
app:expandedImageSize="@dimen/expandedImageSize"
app:collapsedTextSize="@dimen/collapsedTextSize"
app:expandedTextSize="@dimen/expandedTextSize"
>

3、

<android.support.design.widget.CoordinatorLayout
...
>


<android.support.design.widget.AppBarLayout
...
android:layout_height="@dimen/expanded_toolbar_height"
>


<android.support.design.widget.CollapsingToolbarLayout
...
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
>


<android.support.v7.widget.Toolbar
...
app:layout_collapseMode="pin"
/>


<com.sloydev.collapsingavatartoolbar.CollapsingAvatarToolbar
...
>


<de.hdodenhof.circleimageview.CircleImageView
android:id="@id/cat_avatar"
...
/>


<TextView
android:id="@id/cat_title"
...
/>


</com.sloydev.collapsingavatartoolbar.CollapsingAvatarToolbar>


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


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


<!-- The rest of your activity layout -->
...


</android.support.design.widget.CoordinatorLayout>
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2015-12-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 非著名程序员 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档