Question

我希望为我的Android应用程序制作一个浮动操作按钮，点击后会变成搜索栏。

我已经看到他们变成actionbar toolbar，但我想用它进行搜索。任何帮助实现这一目标将不胜感激。

谢谢！

Answer 1

您可以通过3个步骤完成此操作。

浮动操作按钮，您可以使用Google支持库，我已经解释过here。

点击浮动操作按钮，您需要显示工具栏，为此，您的主页应具有FAB和工具栏，如下所示：

<LinearLayout android:id="@+id/mainView"
              xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="0dp"
              android:layout_height="fill_parent"
              android:layout_weight="1.0"
              android:orientation="vertical">

    <include
        android:id="@+id/toolbar"
        layout="@layout/app_bar"/>

    <View android:id="@+id/stripBelowToolbar"
          android:layout_height="0dp"
          android:layout_width="fill_parent"/>

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/rootLayout"
        android:layout_height="match_parent"
        android:layout_width="match_parent">

    <android.support.design.widget.FloatingActionButton
        style="@style/fab_style"
        android:id="@+id/fabBtn"
        android:layout_gravity="bottom|right"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        fab:backgroundTint="@color/sap_uex_dark_yellow"
        fab:rippleColor="@color/white"/>

文件后面的代码应该有

FloatingActionButton fab = (FloatingActionButton)findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        toolbar.setvisibility(View.VISIBLE)// show the searchbox and bla bla...
    }
});

您需要设置隐藏浮动操作按钮的动画，这可以像this一样实现。

Fab到搜索栏

1 个答案: