美文网首页
MaterialSearchView搜索框

MaterialSearchView搜索框

作者: 小慧sir | 来源:发表于2019-09-26 18:55 被阅读0次

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

2.布局

 <!— Must be last for right layering display —>
    <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="?attr/actionBarSize"
            android:background="@color/theme_primary" />

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

3.添加menu

    <item
        android:id="@+id/action_search"
        android:icon="@drawable/ic_action_action_search"
        android:orderInCategory="100"
        android:title="@string/abc_search_hint"
        app:showAsAction="always" />

4.添加选项菜单

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);

        MenuItem item = menu.findItem(R.id.action_search);
        searchView.setMenuItem(item);

        return super.onCreateOptionsMenu(menu);;
    }

5.监听

MaterialSearchView searchView = (MaterialSearchView) findViewById(R.id.search_view);
    searchView.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;
            }
        });
        
        searchView.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/ntczyctx.html