我如何制作这样的动作栏

Question

嗨，我正在创建一个应用程序，我想添加一个活动，就像上面的图像，我有困难扩展到操作栏，我已经在谷歌设计指南上看到了这一点，我该如何实现这个在android棒棒糖上（我的min sdk是21，我对向后兼容性不感兴趣）

提前感谢。

Answer 1

可以使用android设计支持library中提供的Collapsing Toolbars来完成，这里有example用于了解使用该库。

Answer 2

如果您不想要CollapsingToolbar，则可以使用自定义minHeight的简单Toolbar。

在工具栏中，您可以放置​​视图，例如TextView或TextInputLayout。

最后使用FloatingActionButton。设置属性很重要 app:layout_anchor和app:layout_anchorGravity

 <android.support.design.widget.CoordinatorLayout>

      <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar_main"
            android:layout_width="match_parent"
            android:layout_height="256dp"
            android:minHeight="?attr/actionBarSize"
            android:theme="@style/ToolbarMainTheme" >


           <android.support.design.widget.TextInputLayout>

           <TextView>


       </android.support.v7.widget.Toolbar>


     <!-- your scrollable view here -->        


    <android.support.design.widget.FloatingActionButton
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:borderWidth="0dp"
        app:elevation="4dp"
        app:pressedTranslationZ="6dp"
        android:layout_marginRight="@dimen/fab_margin_card"
        android:src="@drawable/ic_youricon"
        app:layout_anchor="@id/toolbar_main"
        app:layout_anchorGravity="bottom|right|end" />


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

Answer 3

您只需要在layout xml的工具栏中添加一个EditText和几个TextView（或将EditText包装在TextInputLayout中）。

https://gist.github.com/chris95x8/53214de145571d410e13