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

时间:2022-04-26
本文章向大家介绍拥有可移动头像的折叠Android工具栏:CollapsingAvatarToolbar,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

这个小库演示了如何将可折叠工具栏添加到您的应用程序中,并带有可移动和扩展的头像,类似于在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>