Toolbar里面的内容
ToolBar.png
Toolbar的结构:
- NavigationIcon
- Logo
- Title
- subTitle
- menu.
友情提示:getSupportActionBar()一定要在setSupportActionBar(Toolbar toolbar)之后调用
Toolbar配置
style.xml配置
// 不能设置为style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">,因为这个主题带有一个Toolbar
<style name="ToolbarTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<!--设置ToolBar 颜色-->
<item name="android:textSize">14sp</item>
<item name="colorPrimary">@color/colorPrimaryDark</item>
<!---状态栏-->
<item name="colorPrimaryDark">#FF8F3D</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:textColorSecondary">#00FFFF</item>
</style>
<!-- ToolBar菜单样式.-->
<style name="popup_theme" parent="@style/ThemeOverlay.AppCompat.Dark">
<item name="android:background">@color/orange</item>
<item name="android:textColor">@android:color/holo_red_dark</item>
// 弹出菜单不遮挡标题栏
<item name="overlapAnchor">false</item>
</style>
<item name="overlapAnchor">false</item> 的作用
没有使用overlapAnchor.png
使用overlapAnchor.png
代码使用
常用方法
setNavigationIcon
//设置icon
mToolbar.setNavigationIcon(drawable);
//设置监听.必须在setSupportActionBar()之后调用
mToolbar.setNavigationOnClickListener(clickListener);
menu
@Override
public boolean onCreateOptionsMenu(Menu menu) {
//写一个menu的资源文件.然后创建就行了.
getMenuInflater().inflate(R.menu.menu,menu);
return super.onCreateOptionsMenu(menu);
}
<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.acctionbaractivitydemo.MainActivity">
<item
android:id="@+id/menu1"
//图标
android:icon="@mipmap/ic_launcher"
//名字
android:title=""
app:showAsAction="withText|ifRoom"/>
<item
android:id="@+id/menu2"
android:icon="@mipmap/ic_launcher"
android:title="哈哈"
app:showAsAction="withText"/>
<item
android:id="@+id/menu3"
android:icon="@mipmap/ic_launcher"
android:title="呵呵"
app:showAsAction="withText"/>
</menu>
//showAsAction这个属性的值有：
//1、always：使菜单项一直显示在ToolBar上。
//2、ifRoom：如果有足够的空间，这个值会使菜单项显示在ToolBar上。
//3、never：使菜单项永远都不出现在ToolBar上,在…的子项中显示。
//4、withText：使菜单项和它的图标，菜单文本一起显示。
menu事件监听
/**
* 菜单项被点击时调用，也就是菜单项的监听方法。
* 通过这几个方法，可以得知，对于Activity，同一时间只能显示和监听一个Menu 对象.
*/
@Override
public boolean onOptionsItemSelected(MenuItem item) {
return super.onOptionsItemSelected(item);
}
//通过设置toolbar进行监听,在setSupportActionBar(Toolbar toolbar)之前设置可能会失 效.
Toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
return false;
}
});
menu的其他操作
/**
* 每次菜单被关闭时调用.
*菜单被关闭有三种情形:
*1.展开menu的按钮被再次点击
*2.back按钮被点击
*3.用户选择了某一个菜单项
*/
@Override
public void onOptionsMenuClosed(Menu menu) {
super.onOptionsMenuClosed(menu);
}
/**
* 在onCreateOptionsMenu执行后，菜单被显示前调用；如果菜单已经被创建，则在菜单显示前被调用。 同样的，
* 返回true则显示该menu,false 则不显示; （可以通过此方法动态的改变菜单的状态，比如加载不同的菜单等）
*/
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
return super.onPrepareOptionsMenu(menu);
}
/**
* 显示menu的icon,通过反射,设置Menu的icon显示.
* @param view
* @param menu
* @return
*/
@Override
protected boolean onPrepareOptionsPanel(View view, Menu menu) {
if (menu != null) {
if (menu.getClass().getSimpleName().equals("MenuBuilder")) {
try{
Method m = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);
m.setAccessible(true);
m.invoke(menu, true);
} catch (Exception e) {
Log.e(getClass().getSimpleName(), "onMenuOpened...unable to set icons for overflow menu", e);
}
}
}
return super.onPrepareOptionsPanel(view, menu);
}
Toolbar 和searchView
app:actionViewClass="android.support.v7.widget.SearchView"
此菜单点击后显示一个searchView
<?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/action_search"
android:orderInCategory="100"
android:title="查找"
android:icon="@android:drawable/ic_menu_search"
app:actionViewClass="android.support.v7.widget.SearchView"
app:showAsAction="always"/>
<item
android:id="@+id/action_settings"
android:orderInCategory="100"
android:title="设置"
android:icon="@android:drawable/ic_menu_set_as"
app:showAsAction="never"/>
</menu>
代码上的searchView
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.view_item,menu);
MenuItem menuItem = menu.findItem(R.id.action_search);
//v14 前的版本获取SearchView
// SearchView searchView = (SearchView) MenuItemCompat.getActionView(menuItem);
// v14之后的版本获取SearchView
SearchView searchView= (SearchView) menuItem.getActionView();
//一进来就是 输入框不隐藏
// searchView.setIconified(false);
// 通过这种方式找到SearchView 里面的控件（SearchView 并未暴露这些控件的api）
ImageView imageView= (ImageView) searchView.findViewById(R.id.search_go_btn);
imageView.setImageResource(R.drawable.abc_ic_voice_search_api_mtrl_alpha);
imageView.setVisibility(View.VISIBLE);
searchView.setSubmitButtonEnabled(true);
imageView.setImageResource(R.mipmap.ic_launcher);
// SearchView 的事件监听（提交、内容改变）
searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
//文字输入完成 提交
@Override
public boolean onQueryTextSubmit(String query) {
return false;
}
//当文字发生改变
@Override
public boolean onQueryTextChange(String newText) {
return false;
}
});
//当用户点击 提交按钮时候的回调
searchView.setOnSearchClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
}
});
return super.onCreateOptionsMenu(menu);
}
