——接上文。
3.1添加ToolBar(ActionBar)
添加ToolBar非常简单,你需要做的仅仅是为toolbar创建一个单独的layout布局,如果你想在哪里展示toolbar,只要在对应布局里将toolbar的布局文件include进来即可。
(8)在res-->layout文件夹下创建一个名为toolbar.xml的文件,在Root Tag中输入android.support.v7.widget.Toolbar,这样就创建了一个具有特定高度和主题的toolbar。
toolbar.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
xmlns:local="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:minHeight="?attr/actionBarSize"
android:background="?attr/colorPrimary"
local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
local:popupTheme="@style/ThemeOverlay.AppCompat.Light">
</android.support.v7.widget.Toolbar>
(9)打开你的主Activity的布局文件activtiy_main.xml并使用<include/>标签添加toolbar。
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="edu.hdu.lyy.teaching.MainActivity">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:orientation="vertical">
<include
android:id="@+id/toolbar"
layout="@layout/toolbar" />
</LinearLayout>
</android.support.constraint.ConstraintLayout>
运行App并观察toolbar是否显示在了屏幕上。
(10)下载搜索icon并将它导入Android Studio作为图片资源。
(11)为了在Android Studio中导入图片资源,在res文件夹上右键单击,选择new-->Image Asset,将会显示一个弹窗来导入资源。资源类型选择“Action Bar and Tab Icons”,将资源名称命名为”ic_action_search“(默认为”ic_action_name“),选择Image导入上一步下载好的搜索icon或通过Clip Art选择库中搜索图标,并选择HOLO_DARK以得到白色图标,然后继续操作。
(12)一旦icon导入之后,在res文件夹下新建menu文件夹,并在menu文件夹下创建menu_main.xml文件,像下面所示添加搜索菜单项。
<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=".MainActivity">
<item
android:id="@+id/action_search"
android:title="@string/action_search"
android:orderInCategory="100"
android:icon="@drawable/ic_action_search"
app:showAsAction="ifRoom" />
<item
android:id="@+id/action_settings"
android:title="@string/action_settings"
android:orderInCategory="100"
app:showAsAction="never" />
</menu>
(13)现在打开你的MainActivity.java做如下修改。
>通过调用setSupportActionBar()方法并传入toolbar对象来激活toolbar。
>通过重载onCreateOptionsMenu()和onOptionsItemSelected()方法来激活toolbar活动项。
之前版本的程序可能需要通过继承ActionBarActivity来扩展我们的Activity,但是目前ActionBarActivity 已经被它的父类AppCompatActivity替代了 ,因此我们的Activity仅需继承AppCompatActivity即可。
package edu.hdu.lyy.teaching;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
public class MainActivity extends AppCompatActivity {
//AppCompatActivity is out-of-date
private Toolbar mToolbar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
getSupportActionBar().setDisplayShowHomeEnabled(true);
}
@Override
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;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
在上述修改之后,如果你运行App,你将会看到搜索图标和溢出菜单图标。
完整的Demo托管在Github上,请点击这里。
原文地址:点击打开链接