ToolBar使用方法详解

ToolBar的出现是为了替换之前的ActionBar的各种不灵活使用方式,相反,ToolBar的使用变得非常灵活,因为它可以让我们自由往里面添加子控件.低版本要使用的话,可以添加support-v7包.

今天要实现的效果如下:

由上图可以看到,toolBar的布局还是相对丰富的.要使用toolBar,首先为了兼容低版本,需要在gradle中引入支持库compile 'com.android.support:appcompat-v7:23.4.0'

其次,我们还需要隐藏默认的ActionBar,否则会报如下错误:Caused by: java.lang.IllegalStateException: This Activity already has an action bar

supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set

windowActionBar to false in your theme to use a Toolbar instead.

可以在res/value/style.xml中设置:

从上面的style文件中,可以知道,手机状态栏的颜色和ToolBar的颜色也是可以在style中配置的.然后在清单文件的application节点下需要确认使用的style是Android:theme=”@style/AppTheme”

ok,样式配置完后,接着在res/layout/activity_main.xml中加入Toolbar控件.

再来看看MainActivity的代码:package blog.csdn.net.mchenys.toolbardemo;

import android.graphics.Color;import android.graphics.Rect;import android.graphics.drawable.ColorDrawable;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.Toolbar;import android.view.Gravity;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.ViewGroup;import android.widget.PopupWindow;import android.widget.Toast;/*** Created by mChenys on 2016/5/29.

*/ public class MainActivity extends AppCompatActivity implements View.OnClickListener {

Toolbar mToolbar;Toast mToast;PopupWindow mPopupWindow;

@Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mToast = Toast.makeText(this, "", Toast.LENGTH_SHORT);mToast.setGravity(Gravity.CENTER, 0, 0);

mToolbar = (Toolbar) findViewById(R.id.toolbar);// App Logo// mToolbar.setLogo(R.drawable.app_icon);// 主标题,默认为app_label的名字mToolbar.setTitle("Title");mToolbar.setTitleTextColor(Color.YELLOW);// 副标题mToolbar.setSubtitle("Sub title");mToolbar.setSubtitleTextColor(Color.parseColor("#80ff0000"));//侧边栏的按钮mToolbar.setNavigationIcon(R.drawable.back);//取代原本的actionbar setSupportActionBar(mToolbar);//设置NavigationIcon的点击事件,需要放在setSupportActionBar之后设置才会生效,//因为setSupportActionBar里面也会setNavigationOnClickListener mToolbar.setNavigationOnClickListener(new View.OnClickListener() {@Override public void onClick(View v) {mToast.setText("click NavigationIcon");mToast.show();}});//设置toolBar上的MenuItem点击事件mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {@Override public boolean onMenuItemClick(MenuItem item) {switch (item.getItemId()) {case R.id.action_edit:mToast.setText("click edit");break;case R.id.action_share:mToast.setText("click share");break;case R.id.action_overflow://弹出自定义overflow popUpMyOverflow();return true;}mToast.show();return true;}});//ToolBar里面还可以包含子控件mToolbar.findViewById(R.id.btn_diy).setOnClickListener(new View.OnClickListener() {@Override public void onClick(View v) {mToast.setText("点击自定义按钮");mToast.show();}});mToolbar.findViewById(R.id.tv_title).setOnClickListener(new View.OnClickListener() {@Override public void onClick(View v) {mToast.setText("点击自定义标题");mToast.show();}});}

//如果有Menu,创建完后,系统会自动添加到ToolBar上@Override public boolean onCreateOptionsMenu(Menu menu) {super.onCreateOptionsMenu(menu);getMenuInflater().inflate(R.menu.menu_main, menu);return true;}

/*** 弹出自定义的popWindow*/ public void popUpMyOverflow() {//获取状态栏高度Rect frame = new Rect();getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);//状态栏高度+toolbar的高度int yOffset = frame.top + mToolbar.getHeight();if (null == mPopupWindow) {//初始化PopupWindow的布局View popView = getLayoutInflater().inflate(R.layout.action_overflow_popwindow, null);//popView即popupWindow的布局，ture设置focusAble.

mPopupWindow = new PopupWindow(popView,ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT, true);//必须设置BackgroundDrawable后setOutsideTouchable(true)才会有效mPopupWindow.setBackgroundDrawable(new ColorDrawable());//点击外部关闭。

mPopupWindow.setOutsideTouchable(true);//设置一个动画。

mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);//设置Gravity，让它显示在右上角。

mPopupWindow.showAtLocation(mToolbar, Gravity.RIGHT | Gravity.TOP, 0, yOffset);//设置item的点击监听popView.findViewById(R.id.ll_item1).setOnClickListener(this);popView.findViewById(R.id.ll_item2).setOnClickListener(this);popView.findViewById(R.id.ll_item3).setOnClickListener(this);} else {mPopupWindow.showAtLocation(mToolbar, Gravity.RIGHT | Gravity.TOP, 0, yOffset);}

}

@Override public void onClick(View v) {switch (v.getId()) {case R.id.ll_item1:mToast.setText("哈哈");break;case R.id.ll_item2:mToast.setText("呵呵");break;case R.id.ll_item3:mToast.setText("嘻嘻");break;}//点击PopWindow的item后,关闭此PopWindow if (null != mPopupWindow && mPopupWindow.isShowing()) {mPopupWindow.dismiss();}mToast.show();}}

另外,我们的ToolBar控件还用到了menu item,下面是/res/menu/menu_main.xml的内容:

还有PopWindow的布局,在/res/layout/action_overflow_popwindow.xml,内容如下:

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:Android ToolBar控件详解及实例Android Support Library 标题栏(Toolbar)滚动效果实现方法Android动态修改ToolBar的Menu菜单示例Android折叠式Toolbar使用完全解析（CollapsingToolbarLayout）

Android ToolBar整合实例使用方法详解深入理解Android 5.0中的Toolbar Android中Toolbar随着ScrollView滑动透明度渐变效果实现Android自定义Toolbar使用方法详解Android自定义ActionProvider ToolBar实现Menu小红点Android5.0+ CollapsingToolbarLayout使用详解