我如何制作这样的操作栏

Question

嗨，我正在制作一个应用程序，我想添加一个 activity 就像上图一样，我在操作栏中扩展时遇到困难，我在 google 设计指南，我如何在 android lollipop 上实现它（我的最小 sdk 是 21 我对向后兼容性不感兴趣）

提前致谢。

Answer 1

可以使用 android 设计支持 library and here is an example 中提供的 Collapsing Toolbars 来了解如何使用该库。

Answer 2

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

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

Answer 3

如果您不想要 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>

我如何制作这样的操作栏

How do i make an action bar like this

android

android-actionbar

material-design

android-appcompat

android-design-library