Android 用Toolbar制作搜索框

2022-02-27 16:33:06 阅读：200 来源： 互联网

标签：return menu item 搜索 Toolbar 设置 Android toolbar

1. 隐藏标题栏

在AndroidManifest.xml进行修改

    <application
    ···
        <activity
            android:name=".MainActivity"
            android:theme="@style/Theme.AppCompat.Light.NoActionBar">>
        ···
        </activity>
   </application>

2.在布局文件加入Toolbar

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:elevation="4dp"
        app:titleTextColor="#FFFFFF"
        android:background="#00B2FF" />

3.在Activity中设置Toolbar

import androidx.appcompat.widget.Toolbar;

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setTitle("标题");//设置主标题名称
toolbar.setSubtitle("副标题");//设置副标题名称
setSupportActionBar(toolbar);
toolbar.setNavigationIcon(R.drawable.back);//是左边的图标样式

其中toolbar.setNavigatonIcon(R.drawable.back);加在setSupportActionBar();之后才会有效。

4.设置左边的图标样式的点击事件

    public boolean onOptionsItemSelected(MenuItem item) {
        if(item.getItemId()==android.R.id.home){
            finish();
        }
        return super.onOptionsItemSelected(item);
    }

5.设置右边的图标及点击事件

在menu目录下建立一个menu_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".activity.MainActivity">
    <item
        android:id="@+id/search"
        android:orderInCategory="100"
        app:showAsAction="ifRoom"
        android:title="search"
        android:icon="@drawable/ic_search_black_36dp"/>
</menu>

在activity类中设置

    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

在onCreate(Bundle savedInstanceState)中设置监听事件

        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.search:
                        //显示搜索栏
                        searchFragment.showFragment(getSupportFragmentManager(),SearchFragment.TAG);
                        break;
                }
                //Toast.makeText(CommoditySearchActivity.this, msg, Toast.LENGTH_SHORT).show();
                return true;
            }
        });

6.最终结果

在这里插入图片描述

7.参考帖子

android–添加toolbar.
在Android studio的一个新建的Activity中添加Toolbar以及相应的功能添加.
as中出现错误：android.widget.Toolbar cannot be cast to androidx.appcompat.widget.Toolbar.

标签：return,menu,item,搜索,Toolbar,设置,Android,toolbar
来源： https://blog.csdn.net/weixin_47545556/article/details/123165756

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9