美文网首页
MaterialSearchView搜索框

MaterialSearchView搜索框

作者: 初昇陌 | 来源:发表于2019-03-19 19:35 被阅读0次

1.添加依赖

implementation 'com.miguelcatalan:materialsearchview:1.4.0'

2.布局

<FrameLayout
            android:id="@+id/toolbar_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?attr/colorPrimary"
                android:minHeight="?attr/actionBarSize"
                app:titleTextColor="@color/white"></android.support.v7.widget.Toolbar>

            <com.miguelcatalan.materialsearchview.MaterialSearchView
                android:id="@+id/search_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </FrameLayout>

3.创建选项菜单以及解绑

    @Override
    public void onBackPressed() {
        if (mSearchView.isSearchOpen()) {
            mSearchView.closeSearch();
        } else {
            super.onBackPressed();
        }
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.item, menu);
        mSearchViewItem = menu.findItem(R.id.action_search);
        //隐藏menu,搜索框就不见了,想要搜索框不见只能使用mSearchViewItem
        mSearchViewItem.setVisible(false);
        mSearchView.setMenuItem(mSearchViewItem);
        return super.onCreateOptionsMenu(menu);
    }

4.获取控件结束后监听事件

        MaterialSearchView mSearchView = (MaterialSearchView) findViewById(R.id.search_view);
        mSearchView.setOnQueryTextListener(new MaterialSearchView.OnQueryTextListener() {
            @Override
            public boolean onQueryTextSubmit(String query) {
                //Do some magic
                //点击搜索按钮提交搜索的内容
                return false;
            }

            @Override
            public boolean onQueryTextChange(String newText) {
                //Do some magic
                //搜索框中内容发生改变
                return false;
            }
        });

        mSearchView.setOnSearchViewListener(new MaterialSearchView.SearchViewListener() {
            @Override
            public void onSearchViewShown() {
                //Do some magic
                //搜索框展开
            }

            @Override
            public void onSearchViewClosed() {
                //Do some magic
                //搜索框折叠
            }
        });

相关文章

  • MaterialSearchView搜索框

    1.依赖implementation 'com.miguelcatalan:materialsearchview:...

  • MaterialSearchView搜索框

    1.添加依赖 2.布局 3.创建选项菜单以及解绑 4.获取控件结束后监听事件

  • MaterialSearchView搜索框

    Android Material Design 中其实有搜索框SearchView,但是并不怎么好用,所以这里介绍...

  • MaterialSearchView搜索框

    Android Material Design 中其实有搜索框SearchView,但是并不怎么好用,所以这里介绍...

  • MaterialSearchView搜索

    Android Material Design 中其实有搜索框SearchView,但是并不怎么好用,所以这里介绍...

  • MaterialSearchView的简单使用

    MaterialSearchView是一款不错的自定义搜索框架,github地址 https://github.c...

  • 搜索框控制器问题总结

    最简易的搜索框控制器 设置搜索框uisearchBar的背景色 设置搜索框弹出的背景色 去掉搜索框的黑线 修改光标颜色

  • 子类控件-快捷代码

    按钮 搜索框 点击跳转 搜索框 点击搜索 KVO 保存图片 判断viewLoad是否加载 for 循环

  • 搜索框

    #import "RootViewController.h" //编辑搜索框需要遵守两个协议: //UISearc...

  • 搜索框

    来一张效果图看看,在这里不能传视频,(鼠标放置时,搜索框变长,背景颜色改变): 先来看一下HTML代码,很简单,就...

网友评论

      本文标题:MaterialSearchView搜索框

      本文链接:https://www.haomeiwen.com/subject/pmgnmqtx.html