ToolBar概述
2016-06-15 20:12
411 查看
请尊重他人劳动成果,请勿随意剽窃,转载请注明,谢谢!转载请注明出处:http://blog.csdn.net/evan_man/article/details/51684947
注意:使用ToolBar的话,一定要将当前Activity或者Application的Theme设置为NoActionBar样式,如<style
name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">,否则ActionBar和ToolBar两者都会显示,而且setSupportActionBar方法将会抛出异常,其实使用了ToolBar完全可以把ActionBar抛到一边去,只是使用ToolBar就能完成所有ActionBar的功能。
ToolBar是在Android5.0中提出来的,ActionBar在Android3.0提出来的。ActionBar是系统为我们创建一个View并显示在应用的顶端,直接继承自Object,因此我们如果要对这块内容的视图进行定制就需要严格按照ActionBar的方式进行工作。ToolBar是一个继承自ViewGroup的控件,因此我们可以用ViewGroup的方式去创建任何我们想要的视图内容,也可在布局文件中写入我们想要的内容,因此ToolBar比ActionBar更加灵活。同时ToolBar相对于ViewGroup的好处在于,提供了更多便捷的方法来控制显示方式,这些方式主要是针对标题栏的特性而定制的,比如我们可以通过setTitle方法为其设置标题。下图是网上找的Toolbar提供的便捷方法所对应的修改的内容:
上图对应方法有:toolbar.setTitle("AndroidViewDemo"); 、toolbar.inflateMenu(R.menu.ac_toolbar_menu); 、toolbar.setOnMenuItemClickListener(new
Toolbar.OnMenuItemClickListener() {...}等。
Toolbar与ActionBar一样也支持对弹出菜单样式的修改,只不过在将Toolbar单独作为控件使用的情况下不能像ActionBar那样便捷地通过Theme来修改,Toolbar提供了一个setPopupTheme方法和对应的app.popupTheme属性来设置弹出菜单的样式。
标题栏本身就是一个特殊的View为何不然View自己来处理呢?所以还是建议使用ToolBar的。如果你习惯了ActionBar那么你也可以在创建完Toolbar之后通过setSupportActionBar方法将Toolbar设置为当前Activity的ActionBar,之后的所有操作跟ActionBar都是一样的了。
menu_main.xml
注意:
android:title="XX"属性用于设置当该item在overflow menu显示时显示的文字内容。app:showAsAction="ifRoom" 用于设置在有足够空间的情况下在toolbar中显示Action的图标。
二、main_activity.xml布局文件中加入<Toolbar/>标签
ToolBar在此可以就看成一个普通的ViewGroup,因此它显示的位置可以随意设置,但是如果要模拟ActionBar的功能,则需要将其放置在视图的最顶部。
三、Activity中获取ToolBar控件并做相应设置
1、初始化
2、加载显示Menu布局,重写Activity的onCreateOptionMenu方法
3、监听标题栏中的点击事件
注意: NavUtils 类的静态方法navigateUpFromSameTask()的效果是:finishes当前Activity并start或者resume其父Activity,如果父Activity在任务的返回栈中,那么正常回退。注意该方法仅仅适用于当当前应用是当前任务的所有者时方可使用。如果当前应用不是当前任务的所有者时,需要建立一个新的返回栈,如果你Activity能够接受其它应用通过Intent开启你的Activity,那么就需要注意这样的处理,具体内容就是第三步的case
android.R.id.home下面的内容。如果你期望回退到父Activity时,其还能保持原来的状态,那么父Activity可能需要设置启动方式为android:launchMode="singleTop"。
(补充)四、Fragment中使用ToolBar
可以发现Fragment除了第一步之外其它都是和Activity类似的。
(补充)五、ToolBar的Style设定
ToolBar的构造器中有如下一行语句:
final TintTypedArray a = TintTypedArray.obtainStyledAttributes(getContext(), null, R.styleable.Toolbar, R.attr.toolbarStyle,
0);方法底层会调用TypedArray array = context.obtainStyledAttributes(null, R.styleable.Toolbar, R.attr.toolbarStyle, 0);即从主题中定义的toolbarStyle样式文件中和主题直接定义的属性中获取到如下属性:
Toolbar()@Toolbar.class
构造器除了调用ViewGroup的构造器之外,还会获取当前View所属Context的主题相关的属性。
onMeasure()@Toolbar.class
1、根据Toolbar中子View设置当前Toolbar显示高度宽度。
onLayout()@Toolbar.class
Reference:http://blog.csdn.net/aigestudio/article/details/47090167
注意:使用ToolBar的话,一定要将当前Activity或者Application的Theme设置为NoActionBar样式,如<style
name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">,否则ActionBar和ToolBar两者都会显示,而且setSupportActionBar方法将会抛出异常,其实使用了ToolBar完全可以把ActionBar抛到一边去,只是使用ToolBar就能完成所有ActionBar的功能。
ToolBar是在Android5.0中提出来的,ActionBar在Android3.0提出来的。ActionBar是系统为我们创建一个View并显示在应用的顶端,直接继承自Object,因此我们如果要对这块内容的视图进行定制就需要严格按照ActionBar的方式进行工作。ToolBar是一个继承自ViewGroup的控件,因此我们可以用ViewGroup的方式去创建任何我们想要的视图内容,也可在布局文件中写入我们想要的内容,因此ToolBar比ActionBar更加灵活。同时ToolBar相对于ViewGroup的好处在于,提供了更多便捷的方法来控制显示方式,这些方式主要是针对标题栏的特性而定制的,比如我们可以通过setTitle方法为其设置标题。下图是网上找的Toolbar提供的便捷方法所对应的修改的内容:
上图对应方法有:toolbar.setTitle("AndroidViewDemo"); 、toolbar.inflateMenu(R.menu.ac_toolbar_menu); 、toolbar.setOnMenuItemClickListener(new
Toolbar.OnMenuItemClickListener() {...}等。
Toolbar与ActionBar一样也支持对弹出菜单样式的修改,只不过在将Toolbar单独作为控件使用的情况下不能像ActionBar那样便捷地通过Theme来修改,Toolbar提供了一个setPopupTheme方法和对应的app.popupTheme属性来设置弹出菜单的样式。
标题栏本身就是一个特殊的View为何不然View自己来处理呢?所以还是建议使用ToolBar的。如果你习惯了ActionBar那么你也可以在创建完Toolbar之后通过setSupportActionBar方法将Toolbar设置为当前Activity的ActionBar,之后的所有操作跟ActionBar都是一样的了。
简单使用:
一、编写菜单栏布局(标题栏右边最多显示三个Action,其余则隐藏)menu_main.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/menu_tool" android:icon="@drawable/toolbar1" app:showAsAction="ifRoom" android:orderInCategory="50" android:title="Tool"> </item> <item android:id="@+id/menu_finder" android:icon="@drawable/toolbar2" app:showAsAction="ifRoom" android:orderInCategory="10" android:title="Find"> </item> </menu>
注意:
android:title="XX"属性用于设置当该item在overflow menu显示时显示的文字内容。app:showAsAction="ifRoom" 用于设置在有足够空间的情况下在toolbar中显示Action的图标。
二、main_activity.xml布局文件中加入<Toolbar/>标签
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?attr/actionBarSize" android:background="?attr/colorPrimary" app:contentInsetStart="0dp" app:contentInsetLeft="0dp" app:theme="@style/MyToolBarTheme" app:titleTextAppearance="@style/Toolbar.TitleText" > <!--此处可以加你想要的View控件,如同LinearLayout类似的使用--> </android.support.v7.widget.Toolbar> <!--android:contentInsertStart contentInsetLeft是没有效果的不能保证控件靠近左边显示-->
ToolBar在此可以就看成一个普通的ViewGroup,因此它显示的位置可以随意设置,但是如果要模拟ActionBar的功能,则需要将其放置在视图的最顶部。
三、Activity中获取ToolBar控件并做相应设置
1、初始化
protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); toolbar = (Toolbar)findViewById(R.id.toolbar); toolbar.setNavigationIcon(R.mipmap.back); //设置标题栏左边的图标样式,对应id为android.id.home ,用于返回上一级目录 setSupportActionBar(toolbar); //将ToolBar对象设置为当前Activity的ActionBar }
2、加载显示Menu布局,重写Activity的onCreateOptionMenu方法
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_main, menu); return true; }
3、监听标题栏中的点击事件
@Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()){ case R.id.menu_finder: Toast.makeText(MainActivity.this,"touch finderItem",Toast.LENGTH_SHORT).show(); AndroidUtils.changeActivity(this,SearchActivity.class); //跳转到搜索页Activity break; case R.id.menu_tool: Toast.makeText(MainActivity.this,"touch toolItem",Toast.LENGTH_SHORT).show(); AndroidUtils.showPopupMenu(this,toolbar,R.menu.popmenu,new OnPopupMenuItemClickListener(this)); //弹出共享菜单 break; case android.R.id.home: Toast.makeText(MainActivity.this,"touch up navigation",Toast.LENGTH_SHORT).show(); AndroidUtils.backToParent(this); //返回上一级目录 break; default: return super.onOptionsItemSelected(item); } return true; } /** * 弹出共享菜单 */ public static void showPopupMenu(Context context, View v,int menuResId, PopupMenu.OnMenuItemClickListener onMenuItemClickListener, PopupMenu.OnDismissListener onDismissListener,int gravity){ PopupMenu popup = new PopupMenu(context, v); MenuInflater inflater = popup.getMenuInflater(); inflater.inflate(menuResId, popup.getMenu()); //利用反射显示图标 try { Field field = popup.getClass().getDeclaredField("mPopup"); field.setAccessible(true); MenuPopupHelper mHelper = (MenuPopupHelper) field.get(popup); mHelper.setForceShowIcon(true); } catch (IllegalAccessException | NoSuchFieldException e) { e.printStackTrace(); } popup.setOnMenuItemClickListener(onMenuItemClickListener); if(onDismissListener!=null) popup.setOnDismissListener(onDismissListener); popup.setGravity(gravity); popup.show(); } /** * 跳转到父Activity */ public static void backToParent(Activity activity){ Intent upIntent = NavUtils.getParentActivityIntent(activity); if(upIntent == null) { activity.finish(); return; } if (NavUtils.shouldUpRecreateTask(activity, upIntent)) { // This activity is NOT part of this app's task, so create a new task // when navigating up, with a synthesized back stack. TaskStackBuilder.create(activity) // Add all of this activity's parents to the back stack .addNextIntentWithParentStack(upIntent) // Navigate up to the closest parent .startActivities(); } else { // This activity is part of this app's task, so simply // navigate up to the logical parent activity. NavUtils.navigateUpTo(activity, upIntent); } }
注意: NavUtils 类的静态方法navigateUpFromSameTask()的效果是:finishes当前Activity并start或者resume其父Activity,如果父Activity在任务的返回栈中,那么正常回退。注意该方法仅仅适用于当当前应用是当前任务的所有者时方可使用。如果当前应用不是当前任务的所有者时,需要建立一个新的返回栈,如果你Activity能够接受其它应用通过Intent开启你的Activity,那么就需要注意这样的处理,具体内容就是第三步的case
android.R.id.home下面的内容。如果你期望回退到父Activity时,其还能保持原来的状态,那么父Activity可能需要设置启动方式为android:launchMode="singleTop"。
(补充)四、Fragment中使用ToolBar
@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // ... setHasOptionsMenu(true); } @Override public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { // Inflate the menu; this adds items to the action bar. inflater.inflate(R.menu.my_menu, menu); // ... } @Override public boolean onOptionsItemSelected(MenuItem item) { // handle item selection switch (item.getItemId()) { case R.id.my_item: // Handle this selection return true; default: return super.onOptionsItemSelected(item); } }
可以发现Fragment除了第一步之外其它都是和Activity类似的。
(补充)五、ToolBar的Style设定
ToolBar的构造器中有如下一行语句:
final TintTypedArray a = TintTypedArray.obtainStyledAttributes(getContext(), null, R.styleable.Toolbar, R.attr.toolbarStyle,
0);方法底层会调用TypedArray array = context.obtainStyledAttributes(null, R.styleable.Toolbar, R.attr.toolbarStyle, 0);即从主题中定义的toolbarStyle样式文件中和主题直接定义的属性中获取到如下属性:
<declare-styleable name="Toolbar"> <attr format="reference" name="titleTextAppearance"/> <attr format="reference" name="subtitleTextAppearance"/> <attr name="title"/> <attr name="subtitle"/> <attr name="android:gravity"/> <attr format="dimension" name="titleMargins"/> <attr format="dimension" name="titleMarginStart"/> <attr format="dimension" name="titleMarginEnd"/> <attr format="dimension" name="titleMarginTop"/> <attr format="dimension" name="titleMarginBottom"/> <attr name="contentInsetStart"/> <attr name="contentInsetEnd"/> <attr name="contentInsetLeft"/> <attr name="contentInsetRight"/> <attr format="dimension" name="maxButtonHeight"/> <attr format="reference" name="collapseIcon"/> <attr format="string" name="collapseContentDescription"/> <attr name="Theme"/> <!--这里可以修改ToolBar除了PopupMenu的所有信息(如背景色:注意java代码中的setBackgroundColor这个方法不要用存在bug!!!效果不好,使用这里的background属性进行设置) 设置的值可以参考主题ThemeOverlay.AppCompat.Dark.ActionBar--> <attr name="popupTheme"/> <!--这里只能修改由ToolBar创建的弹出菜单,而对于自己通过创建PopupMenu对象显示的只能通过对context设置对应的主题进行设置,设置的值可以参考ThemeOverlay.AppCompat.Light--> <attr format="reference" name="navigationIcon"/> <attr format="string" name="navigationContentDescription"/> <attr name="android:minHeight"/> <attr name="logo"/> <attr format="string" name="logoDescription"/> <attr format="color" name="titleTextColor"/> <attr format="color" name="subtitleTextColor"/> </declare-styleable>
深入分析:
public class Toolbar extends ViewGroupToolbar()@Toolbar.class
public Toolbar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); // Need to use getContext() here so that we use the themed context final TintTypedArray a = TintTypedArray.obtainStyledAttributes(getContext(), attrs, R.styleable.Toolbar, defStyleAttr, 0); mTitleTextAppearance = a.getResourceId(R.styleable.Toolbar_titleTextAppearance, 0); ......//get操作 final CharSequence title = a.getText(R.styleable.Toolbar_title); if (!TextUtils.isEmpty(title)) { setTitle(title); } final CharSequence subtitle = a.getText(R.styleable.Toolbar_subtitle); if (!TextUtils.isEmpty(subtitle)) { setSubtitle(subtitle); } .....//set操作 }
构造器除了调用ViewGroup的构造器之外,还会获取当前View所属Context的主题相关的属性。
onMeasure()@Toolbar.class
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int width = 0; int height = 0; int childState = 0; .........//note1 final int measuredWidth = ViewCompat.resolveSizeAndState( Math.max(width, getSuggestedMinimumWidth()), widthMeasureSpec, childState & ViewCompat.MEASURED_STATE_MASK); final int measuredHeight = ViewCompat.resolveSizeAndState( Math.max(height, getSuggestedMinimumHeight()), heightMeasureSpec, childState << ViewCompat.MEASURED_HEIGHT_STATE_SHIFT); setMeasuredDimension(measuredWidth, shouldCollapse() ? 0 : measuredHeight); }
1、根据Toolbar中子View设置当前Toolbar显示高度宽度。
onLayout()@Toolbar.class
protected void onLayout(boolean changed, int l, int t, int r, int b) { final boolean isRtl = ViewCompat.getLayoutDirection(this) == ViewCompat.LAYOUT_DIRECTION_RTL; //Horizontal layout direction of this view is from Right to Left. final int width = getWidth(); final int height = getHeight(); final int paddingLeft = getPaddingLeft(); final int paddingRight = getPaddingRight(); final int paddingTop = getPaddingTop(); final int paddingBottom = getPaddingBottom(); int left = paddingLeft; int right = width - paddingRight; .... if (shouldLayout(mNavButtonView)) {....} if (shouldLayout(mCollapseButtonView)) {....} if (shouldLayout(mMenuView)) {....} .... addCustomViewsWithGravity(mTempViews, Gravity.LEFT); //ArrayList<View> mTempViews = new ArrayList<View>(); final int leftViewsCount = mTempViews.size(); for (int i = 0; i < leftViewsCount; i++) { left = layoutChildLeft(mTempViews.get(i), left, collapsingMargins, alignmentHeight); } addCustomViewsWithGravity(mTempViews, Gravity.RIGHT);{...... } addCustomViewsWithGravity(mTempViews, Gravity.CENTER_HORIZONTAL);{...... } mTempViews.clear(); }方法先对Toolbar中的导航栏、菜单栏、logo和标题等ActionBar中的属性进行布局。最后才给自己的childView进行布局。
Reference:http://blog.csdn.net/aigestudio/article/details/47090167
相关文章推荐
- drupal中hook_menu()使用
- Android菜单menu控件大全
- C#实现Menu和ContextMenu自定义风格及contextMenu自定义
- 灵活使用Android中ActionBar和ViewPager切换页面
- Android巧用ActionBar实现下拉式导航
- Android ActionBar制作时钟实例解析
- Android中ActionBar以及menu的代码设置样式
- android编程之menu按键功能实现方法
- 学习理解Android菜单Menu操作
- Android学习笔记――Menu介绍(一)
- Android开发之menu菜单
- Android学习笔记――Menu介绍(三)
- Android学习笔记――Menu介绍(二)
- Android提高之自定义Menu(TabMenu)实现方法
- Android ActionBar使用教程
- Android实现扩展Menu的方法
- Android巧用ActionBar实现tab导航效果
- Android中捕捉menu按键点击事件的方法
- Android动态添加menu菜单的简单方法
- 详解Android中的Menu菜单键