资讯专栏INFORMATION COLUMN

SearchView结合Toolbar 筛选RecyclerView中的内容,类似知乎、google

xiangchaobin / 994人阅读

摘要:转载请注明出处效果代码已上传至项目里要做一个对列表内容的筛选,想到了知乎以及的效果,确定了是用实现不用多说,如有不懂我也上传到了我之前也写过,同样上传到了难搞的是,毕竟现在都流行了嘛,自带的那个效果实在不敢恭维,网上搜了下,已有

转载请注明出处:http://www.wangxinarhat.com/2016/03/18/2016-03-18-meterial-design-search-view/

效果

代码已上传至github

项目里要做一个对列表内容的筛选,想到了知乎以及google play的效果,确定了是用Toolbar、SearchView、RecyclerView实现


Toolbar不用多说,如有不懂我也上传到了github
Recycler我之前也写过Demo,同样上传到了github
难搞的是SearchView,毕竟现在都流行Material Design了嘛,自带的那个效果实在不敢恭维,网上搜了下,已有大神实现了MaterialDesign效果的SearchView,所以拿来用咯

代码 初始化操作
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ButterKnife.bind(this);

        initView();
    }


    private void initView() {

        initToolBar();
        initRecyclerView();
        initSearchView();

    }


    /**
     * init Toolbar
     */
    private void initToolBar() {
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setHomeButtonEnabled(true);
        getSupportActionBar().setDisplayShowTitleEnabled(false);
    }


    /**
     * init RecyclerView
     */
    private void initRecyclerView() {

        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(layoutManager);

        mPeopleList = new ArrayList<>();

        String[] peopleName = {"Kaka", "Modric", "Rooney", "Ibla", "Bale", "死神", "Maurice Moss", "Roy Trenneman", "林夕", "sina", "google", "ecust"};
        String[] peopleDes = {"The best player", "莫德里奇是最好的后腰", "鲁尼踢得不好", "伊贝拉是谁?", "贝尔跑得真快", "Aaron", "Oh, four, I mean five, I mean fire!", "哈哈", "是个艺术家", "weibo", "android", "china"};

        for (int i = 0; i < peopleName.length; i++) {
            mPeopleList.add(new People(peopleName[i], peopleDes[i]));
        }

        mAdapter = new SearchPeopleAdapter(mPeopleList);
        recyclerView.setAdapter(mAdapter);
        HeaderAdapter headerAdapter = new HeaderAdapter(mAdapter);

        recyclerView.setAdapter(headerAdapter);
        recyclerView.addOnItemTouchListener(new RecyclerOnItemClickListener(this, recyclerView, this));


    }

    /**
     * init SearchView
     */
    private void initSearchView() {

        searchView.setVoiceSearch(false);
        searchView.setCursorDrawable(R.drawable.custom_cursor);
        searchView.setEllipsize(true);
        searchView.setOnQueryTextListener(new MaterialSearchView.OnQueryTextListener() {
            @Override
            public boolean onQueryTextSubmit(String query) {

                return true;
            }

            @Override
            public boolean onQueryTextChange(String newText) {
                final List filteredModelList = filter(mPeopleList, newText);

                //reset
                mAdapter.setFilter(filteredModelList);
                mAdapter.animateTo(filteredModelList);
                recyclerView.scrollToPosition(0);
                return true;
            }
        });

        searchView.setOnSearchViewListener(new MaterialSearchView.SearchViewListener() {
            @Override
            public void onSearchViewShown() {
            }

            @Override
            public void onSearchViewClosed() {
                mAdapter.setFilter(mPeopleList);
            }
        });

    }
    
    
     /**
     * 搜索按钮
     *
     * @param menu
     * @return
     */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.menu_search, menu);
        MenuItem item = menu.findItem(R.id.action_search);
        searchView.setMenuItem(item);

        return true;
    }

筛选逻辑
/**
     * 筛选逻辑
     * @param peoples
     * @param query
     * @return
     */
    private List filter(List peoples, String query) {
        query = query.toLowerCase();

        final List filteredModelList = new ArrayList<>();
        for (People people : peoples) {

            final String nameEn = people.getName().toLowerCase();
            final String desEn = people.getDescription().toLowerCase();
            final String name = people.getName();
            final String des = people.getDescription();

            if (name.contains(query) || des.contains(query) || nameEn.contains(query) || desEn.contains(query)) {

                filteredModelList.add(people);
            }
        }
        return filteredModelList;
    }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/12656.html

相关文章

  • Android Jetpack之AppCompat(一)

    摘要:今天我们来聊一聊有关,作为系列文章的开篇。官方网站按照官方的描述,就是指库。一添加想要添加一个,总共步走更改主题样式,操作对象。其实已经为开发者提供了现成的非常易用的返回逻辑处理。今天我们来聊一聊有关AppCompat,作为Android Jetpack系列文章的开篇。说到Android Jetpack,我们先看一下这张图: 从图中我们可以看到,整个Android Jetpack分为了四大...

    Lorry_Lu 评论0 收藏0
  • 安卓组件控件

    摘要:优点这样做的好处是无需适配,不用担心便宜问题缺点是不同的界面要写不同的基本使用学习记录开车指南之最全实用案例学习整理,很全安卓约束控件扁平化布局入门好棒的干货一个强悍而优美的视频播放器最近项目中有需要用在线视频播放。 ExpandableListView一点点 学习ExpandableListView简单用法 FloatingDragButton:炫酷的拖拽浮动按钮 IOS的Assis...

    tainzhi 评论0 收藏0
  • Android酷炫动画效果

    摘要:高级特效之酷炫抢红包金币下落动画最近项目需求要求做一个抢红包特效。使用动画让页面跳转更炫酷中引入了很多炫酷的动画效果,便是其中一种。 Android自定义View:一个精致的打钩小动画 一个精致的打钩动画。 Android 自定义水平进度条圆角进度 项目中实现进度条进度过程中显示圆角样式 ViewPager系列之 仿魅族应用的广告BannerView 前言 Banner广告位是APP ...

    scq000 评论0 收藏0
  • android优秀文章合集 - 收藏集 - 掘金

    摘要:系统的架构实现拖拽排序和侧滑删除掘金在平时开发应用的时候,经常会遇到列表排序滑动删除的需求。基于使用与一致掘金,当你的项目中用到了,同时又有跨界面的响应式需求,而又嫌麻烦不想再添加更多的库,则可以使用这个库,使用方法与相同。 Android 优秀文章和开源库推荐(读值得读的) - Android - 掘金文章: 1. Android AOP之字节码插桩详解 文章从AOP的概念出发,介绍...

    Terry_Tai 评论0 收藏0
  • Android开源项目

    摘要:几个不错的开源音视频播放器整理了一下上几个开源的音视频播放器项目,有兴趣的同学可以代码去研究学习。项目地址淘宝开源的一款的扩展是一个针对的扩展主要提供一整套布局方案和布局间的组件复用的问题。 PopsTabView--filter容器 PopsTabView是个filter容器,他可以自动,快速,构建不同筛选样式,自由组合成一组tab. 后续筛选会不断完善补充. 用户只需要,知道自己需...

    honhon 评论0 收藏0

发表评论

0条评论

xiangchaobin

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<