活动中的标题栏知识总结

标题栏简介

每当我们创建完一个活动时,这个活动都会带有一个标题栏,这个标题栏叫做ActionBar.

从Android 3.0 (API级别11)开始，当活动使用系统的Holo主题(或其派生主题之一)时，标题栏会出现在活动窗口的顶部，这是默认的。

在标题栏中添加菜单

可以看到,如果我们在右边不仅添加了一个菜单按钮,还有另外一个按钮,我们来看看实现代码,实现步骤分为三部.

1.右键res文件创建一个menu资源文件夹,在此文件夹创建一个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">
    <item
        android:id="@+id/backup"
        android:icon="@mipmap/ic_launcher"
        android:title="Backup"
        app:showAsAction="always"/>
    <item
        android:id="@+id/delete"
        android:icon="@mipmap/ic_launcher"
        android:title="Delete"
        app:showAsAction="ifRoom"/>
    <item
        android:id="@+id/settings"
        android:icon="@mipmap/ic_launcher"
        android:title="Settings"
        app:showAsAction="never"/>
</menu>

item标签中的属性不难理解,主要说说app:showAsAction属性:

- always表示永远显示在标题栏中,屏幕空间不够则不显示.

- ifRoom表示屏幕空间如果足够则显示在标题栏中,不足够则显示在菜单.

- never表示无论屏幕空间够不够都永远显示在菜单.

注意的是标题栏中的按钮只会显示图标,菜单中的按钮只会显示文字.

2.在我们想要显示菜单的活动类中重写以下方法:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main , menu);
    return true;
}

(1)getMenuInflater()能够获得MenuInflater对象, MenuInflater类用于将菜单XML文件实例化为菜单对象。

inflate()方法接受两个参数,第一个参数就是我们第一步写的XML文件,第二个参数用于指定我们的菜单将添加到哪一个Menu对象

当中,这里直接使用menu参数即可.

(2)return true;说明此菜单允许被创建出来.

3.监听活动中的菜单事件,在显示菜单的活动类中重写以下方法:

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()){
        case R.id.backup:
            Toast.makeText(this , "backup" , Toast.LENGTH_LONG).show();
            break;
        case R.id.delete:
            Toast.makeText(this , "delete" , Toast.LENGTH_LONG).show();
            break;
        case R.id.settings:
            Toast.makeText(this , "settings" , Toast.LENGTH_LONG).show();
            break;
        default:
            break;
    }
    return true;
}

其中调用item.getItemId()方法能够判断我们点击的是哪一个菜单项.

在标题栏中添加返回按钮

第一种方法:

1.在onCreate()方法中添加以下代码:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    ActionBar actionBar = getSupportActionBar(); //getSupportActionBar()方法获得当前活动的标题栏实例,以便我们对标题栏进行操作
    actionBar.setTitle("标题栏"); //改变标题栏的标题
    actionBar.setHomeButtonEnabled(true); //决定右上角的图标是否能够点击
    actionBar.setDisplayHomeAsUpEnabled(true); //显示返回按钮
        
}

2.然后覆盖以下方法:

@Override
public boolean onSupportNavigateUp() {
    finish(); //销毁当前活动
    return super.onSupportNavigateUp();
        
}

第二种方法:

这种方法适用于Toolbar.

在使用Toolbar的xml资源中的<android.support.v7.widget.Toolbar>标签添加以下属性:

app:navigationIcon="@mipmap/ic_launcher"

然后代码监听:

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            
        }
});

隐藏标题栏

1.第一种方法

 

通过研究AndroidManifest.xml文件中appliction标签,我们可以看到它有一个属性android:theme="@style/AppTheme",这个属性的作用是指定当前程序所有活动的主题,@style/AppTheme指的是res文件夹中values文件夹中的styles.xml文件中的name="AppTheme"的style标签:

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

我们把style标签中的parent="Theme.AppCompat.Light.DarkActionBar"属性改为parent="Theme.AppCompat.Light.NoActionBar"便可以实现我们创建活动时无标题栏,不过此方法有个缺点就是会把所有的活动都隐藏标题栏.

 

2.第二种方法

直接在onCreate()方法中调用标题栏的hide()方法:

if (getSupportActionBar() != null){
   getSupportActionBar().hide();
}

3.第三种方法

直接在onCreate()方法中调用requestWindowFeature()方法:

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main2);
    }
}

需要注意的是,由于默认活动是继承AppCompatActivity类的,使用requestWindowFeature()方法程序会奔溃,我们需

要让其继承Activity类,并且requestWindowFeature()方法需要写在setContentView()方法之前,否则程序也会崩溃.

4.第四种方法

在清单文件AndroidManifest.xml中对相应的活动指定以下属性:

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

5.第五种方法

在清单文件AndroidManifest.xml中把appliction标签的android:theme改为以下属性:

android:theme="@style/Theme.AppCompat.Light.NoActionBar"

此方法等价于第一种方法.

把ActionBar替换为Toolbar

由于ActionBar在各个安卓版本和定制Rom中的效果表现不一,导致严重的碎片化问题,所以ToolBar出现了.Google在2015的IO大会上发布了系列的Material Design风格的控件,Toolbar就是其中之一,Toolbar的出现是为了替代ActionBar,Toolbar不仅继承了ActionBar的所有功能,而且灵活性很高,可以配合其他控件来完成一些Material Design的效果.

替换过程分为三步:

1.先把ActionBar隐藏掉,这在上面已经介绍过了.

2.在想要替换的活动布局中添加Toolbar控件,注意要加包名.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

</FrameLayout>

android:layout_height="?attr/actionBarSize"指定了Toolbar高度为ActionBar的高度.

android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"指定了Toolbar为深色主题.

app:popupTheme="@style/ThemeOverlay.AppCompat.Light"指定了菜单为淡色主题.

android:background="?attr/colorPrimary"指定了Toolbar背景色为ActionBar的背景色.

3.在相应的活动类添加以下代码:

android.support.v7.widget.Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

在标题栏添加搜索框

在标题栏中添加搜索框的思路首先是先为当前的标题栏添加一个搜索按钮,然后我们点击此搜索按钮时便把搜索框显示出来,在此处我们需要使用到SearchView组件,其用法是菜单xml文件中的item里面添加属性app:actionViewClass="android.support.v7.widget.SearchView",具体如下:

<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="com.example.administrator.search_on_toolbar.SearchOnToolBarActivity">
    <item
        android:id="@+id/search"
        android:orderInCategory="80"
        android:title="搜索"
        app:actionViewClass="android.support.v7.widget.SearchView"
        app:showAsAction="ifRoom"/>
</menu>

在此处我们不用设置搜索的图标(即使用android:icon属性设置了图标还是无效),因为系统会默认为我们设置一个搜索图标.

其中android:orderInCategory="80"是用来设置每个item的优先级,值越大优先级越低.

这样我们运行就可以看到基本的效果了,下面来通过代码实现相应的功能.

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

        //获取SearchView对象
        MenuItem searchItem = menu.findItem(R.id.search);
        SearchView searchView = (SearchView) searchItem.getActionView();

        //设置SearchView处于展开状态
        searchView.setIconified(false);
        //当展开无输入内容的时候,没有关闭的图标
        searchView.onActionViewExpanded();
        /*设置搜索图标的位置,默认为true在框外,设置false则在框内,设置为false的同时SearchView将一直处于展开状态*/
        searchView.setIconifiedByDefault(false);
        //开启提交按钮
        searchView.setSubmitButtonEnabled(true);
        //设置文字提示
        searchView.setQueryHint("输入歌曲名查找");
        
        //监听
        searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
            //提交按钮的点击事件
            @Override
            public boolean onQueryTextSubmit(String query) {
                Toast.makeText(MainActivity.this, query, Toast.LENGTH_SHORT).show();
                return true;
            }

            //当输入框内容改变的时候回调
            @Override
            public boolean onQueryTextChange(String newText) {
                Toast.makeText(MainActivity.this, newText, Toast.LENGTH_SHORT).show();
                return true;
            }
        });

        //设置输入框提示文字样式
        SearchView.SearchAutoComplete mSearchAutoComplete = searchView.findViewById(R.id.search_src_text);
        mSearchAutoComplete.setHintTextColor(getResources().getColor(android.R.color.background_dark));//设置提示文字颜色
        mSearchAutoComplete.setTextColor(getResources().getColor(android.R.color.white));//设置内容文字颜色

        return true;
    }

此外,我们来实现:当搜索框处于展开的时候,点击返回键是收起SearchView,当SearchView处于收起时,点击是关闭当前Activity.

首先先显示出返回键,这在上面已经说过了,然后实现代码:

    @Override
    public boolean onSupportNavigateUp() {
        //此处的mSearchAutoComplete为SearchView.SearchAutoComplete对象
        if (mSearchAutoComplete.isShown()) {
            try {
                mSearchAutoComplete.setText("");//清除文本
                //利用反射调用收起SearchView的onCloseClicked()方法
                Method method = searchView.getClass().getDeclaredMethod("onCloseClicked");
                method.setAccessible(true);
                method.invoke(searchView);
            } catch (Exception e) {
                e.printStackTrace();
            }
        } else {
            finish();
        }
        return super.onSupportNavigateUp();

    }