ActionBar、TitleBar、ToolBar

最新推荐文章于 2021-12-05 15:40:12 发布
最新推荐文章于 2021-12-05 15:40:12 发布
阅读量293 收藏
点赞数

ActionBar、TitleBar、ToolBar的联系和区别

2017年06月11日 21:22:32 廿四桥明月夜 阅读数：9249

 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u012207345/article/details/73065453

 

一、ToolBar

1、概述

Google在2015的IO大会上发布了系列的Material Design风格的控件。其中ToolBar是替代ActionBar的控件。由于ActionBar在各个安卓版本和定制Rom中的效果表现不一，导致严重的碎片化问题，ToolBar应运而生。

与ActionBar区别
显示效果跟ActionBar并没有区别。
优点：自定义视图的操作更加简单，状态栏的颜色可以调（Android 4.4以上）。

2、使用方法

2.1 导包(配置Gradle)

    compile 'com.android.support:appcompat-v7:22.0.0'

2.2 在AndroidManifest.xml设置此Activity的主题

 

  1. <item name="windowActionBar">false</item>

  2. <item name="windowNoTitle">true</item>

注意：务必将ActionBar消除，否则Activity将会崩溃

2.3 重定义主题(颜色等信息)

Android 4.4及以上，在values文件夹中新建values-v19.xml，内容如下

 

  1. <resources>

  2. <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

  3. <item name="windowActionBar">false</item>

  4. <item name="android:windowNoTitle">true</item>

  5. <!--Toolbar颜色-->

  6. <item name="colorPrimary">@android:color/holo_blue_bright</item>

  7. <!-- 状态栏颜色 -->

  8. <item name="colorPrimaryDark">@android:color/holo_blue_bright</item>

  9. <item name="android:windowTranslucentNavigation">true</item>

  10. <item name="android:windowTranslucentStatus">true</item>

  11. </style>

  12. </resources>

Android 4.4以下：

 

  1. <resources>

  2. <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

  3. <item name="windowActionBar">false</item>

  4. <item name="android:windowNoTitle">true</item>

  5. <!--Toolbar颜色-->

  6. <item name="colorPrimary">@color/Indigo_colorPrimary</item>

  7. </style>

  8. </resources>

2.4 ToolBarxml文件中定义

 

  1. <?xml version="1.0" encoding="utf-8"?>

  2. <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"

  3. android:id="@+id/toolbar"

  4. android:layout_height="wrap_content"

  5. android:layout_width="match_parent"

  6. android:background="?attr/colorPrimary" //设置toolbar的背景颜色

  7. android:minHeight="?android:attr/actionBarSize"> <!-- 最小高度 -->

  8. </android.support.v7.widget.Toolbar>

android:fitsSystemWindows="true" 防止ToolBar与StatusBar融合

2.5 java代码中实现

 

  1. private Toolbar mToolbar;

  2. private WebFragment mWebFragment;

  3. private long mBeforeTime;

  4. @Override

  5. protected void onCreate(Bundle savedInstanceState) {

  6. super.onCreate(savedInstanceState);

  7. setContentView(R.layout.activity_main);

  8. if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { //版本检测

  9. SystemBarTintManager tintManager = new SystemBarTintManager(this);

  10. mToolbar = (Toolbar) findViewById(R.id.toolbar);

  11. tintManager.setStatusBarTintEnabled(true); //更改状态栏设置

  12. setSupportActionBar(mToolbar); //将ToolBar设置成ActionBar

  13. tintManager.setStatusBarTintResource(android.R.color.holo_blue_bright);

  14. }

  15. getSupportActionBar().setHomeButtonEnabled(true); //设置返回键可用

  16. getSupportActionBar().setDisplayHomeAsUpEnabled(true);

  17. }

2.6 参考文章

http://blog.csdn.net/qq284565035/article/details/47086439
http://www.itstrike.cn/Question/9ae75549-b316-4844-938e-c22c0f4e6692.html

二、ActionBar

1、概述

ActionBar位于Activity的顶部，可用来显示activity的标题、Icon、Actions和一些用于交互的View。它也可被用于应用的导航。
ActionBar 是在Android 3.0(API 11）中加入到SK中的，想在低版本中使用ActionBar有两种选择：使用http://actionbarsherlock.com 或使用Support Library v7。

图示：

其中，[1]是ActionBar的图标，[2]是两个action按钮，[3]是overflow按钮

2、使用方法

2.1低版本（API11）

开发API11以下的程序，首先必须在AndroidManifest.xml中指定Application或Activity的theme是Theme.Holo或其子类，否则将无法使用ActionBar。

2.1创建Actions

类似于Menu即可在java代码中添加，也可在xml文件中添加。下面贴上xml代码：

 

  1. <menu xmlns:android="http://schemas.android.com/apk/res/android" >

  2. <item

  3. android:id="@+id/action_refresh"

  4. android:orderInCategory="100"

  5. android:showAsAction="always"

  6. android:icon="@drawable/ic_action_refresh"

  7. android:title="Refresh"/>

  8. <item

  9. android:id="@+id/action_settings"

  10. android:title="Settings">

  11. </item>

  12. </menu>

说明：

  • showAsAction属性（定义每个Action是如何显示的）
    • always表示永远显示在ActionBar中，如果屏幕空间不够则无法显示
    • ifRoom表示屏幕空间够的情况下显示在ActionBar中，不够的话就显示在overflow中
    • never则表示永远显示在overflow中

在java代码中,通过重写onCreateOptionsMenu，以使用上面的menu

 

  1. @Override

  2. public boolean onCreateOptionsMenu(Menu menu) {

  3. MenuInflater inflater = getMenuInflater();

  4. inflater.inflate(R.menu.mainmenu, menu);

  5. return true;

  6. }

2.2 Action的按钮交互

如果一个Action被单击，对于activity中的onOptionsItemSelected()将被调用。

 

  1. @Override

  2. public boolean onOptionsItemSelected(MenuItem item) {

  3. switch (item.getItemId()) {

  4. // action with ID action_refresh was selected

  5. case R.id.action_refresh:

  6. Toast.makeText(this, "Refresh selected", Toast.LENGTH_SHORT).show();

  7. break;

  8. // action with ID action_settings was selected

  9. case R.id.action_settings:

  10. Toast.makeText(this, "Settings selected", Toast.LENG).show();

  11. break;

  12. default:

  13. break;

  14. }

  15. return true;

  16. }

说明：
onCreateOptionsMenu()只会被调用一次。若想改变Menu，可以调用invalidateOptionsMenu()，这会使onCreateOptionsMenu()将会再次被调用。

3、自定义ActionBar

3.1隐藏与显现

 

  1. ActionBar actionBar = getActionBar();

  2. actionBar.hide();

  3. // more stuff here...

  4. actionBar.show();

3.2改变title

 

  1. ActionBar actionBar = getActionBar();

  2. actionBar.setSubtitle("mytest");

  3. actionBar.setTitle("vogella.com");

3.3隐藏导航

getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);

3.4使用全屏模式

对于Android 4.4 (API 19)应用程序可以使用全屏模式，代码如下

 

  1. // This method hides the system bars and resize the content

  2. private void hideSystemUI() {

  3. getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

  4. | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION // hide nav bar

  5. | View.SYSTEM_UI_FLAG_FULLSCREEN // hide status bar

  6. // remove the following flag for version < API 19

  7. | View.SYSTEM_UI_FLAG_IMMERSIVE);

  8. }

3.4使用Split action bar

启用split action bar可在

AndroidManifest.xml中定义android:uiOptions="SplitActionBarWhenNarrow"
参阅http://blog.csdn.net/lsdmx2016/article/details/17415911

4、在Fragment中给action bar添加action

在onCreate()中调用 setHasOptionsMenu(true)。Android Framework会调用Fragement中的onCreateOptionsMenu()来向Activity的Menu中添加item。

5、动态设置action bar

5.1自定义View

 

  1. actionBar.setCustomView(R.layout.actionbar_view);

  2. EditText search = (EditText) actionBar.getCustomView().findViewById(R.id.searchfield);

5.2Action View（示例见参考文章）

Action View控件可以替换Action bar的Action按钮图标。可以利用这个特点将某个Action项替换成一个ProgressBar。可通过android:actionLayout或android:actionViewClass来定义一个布局文件或Widg来作为Action的action view。

5.3Action Provider（示例见参考文章）

Action Provider提供了在单个组件里提供多种交互方式的方法。它可以用来创建action view，动态弹出子menu，处理action调用事件。基类为ActionProvider
目前Android平台提供两种action provider：MediaRouteActionProvider和ShareActionProvider。
下面以一个例子计算ShareActionProvider的用法。使用这个action provider可以让程序从注册了Intent.ACTION_SEND的Intent中获取。

6、使用程序图标导航

6.1使用程序图标作为home icon

Action Bar的左侧图标称为home icon，可为这个图标设置一个Action。推荐做法是当按了这个图标，返回到Home Activity中。

actionBar.setHomeButtonEnabled(true);//或者使用actionBar.setDisplayHomeAsUpEnabled(true);

 

  1. 在onOptionsMenuItemSelected() 中使用android.R.id.home并启用actionbar的HomeIcon

  2. case android.R.id.home:

参考文章：
1、http://blog.csdn.net/bigconvience/article/details/28886241

特别说明

1、AndroidStudio中按照默认的Activity启动时，不显示ActionBar的问题
在Eclipse新建一个MainActivity extends Activity时，能够正常显示ActionBar，如图：

但在AS中extends Activity，不显示ActionBar，如图

但在AS中extends ActionBarActivity，能够正常显示ActionBar，但是会显示该类过时

推荐使用extends AppCompatActivity

同样的代码在Eclipseh和Android Studio中会出现较大差异，需要区别对待。
AppCompatActivity是为了兼容性考虑！造成这种差异的原因是主题的问题！！！
在主题方面，还有很多不懂，今后加强学习

 

ToolBar的使用

 

ActionBar

ActionBar 是android 3.0的推出的，当时Google 想要逐渐改善过去 android 纷乱的界面设计，希望让终端使用者尽可能在 android 手机有个一致的操作体验。ActionBar 过去最多人使用的两大套件就是 ActionBarSherlock 以及官方提供在 support library v 7 里的 AppCompat。

Action bar被包含在所有的使用Theme.Hole主题的Activity（或者是这些Activity的子类）中。

删除actionbar

如果不想用ActionBar，那么只要在theme主题后面" .NoActionBar", 就可以了。

由于现在用的不多了，所以就一带而过了。

Toolbar

Toolbar 是android 5.0的推出的，放在了v7包中作为控件，它是为了取代actionbar而产生的，意味着官方在某些程度上认为 ActionBar 限制了 android app 的开发与设计的弹性，而在 material design 也对之做了名称的定义：App bar。

简单使用

布局

 

  1. <android.support.v7.widget.Toolbar

  2. android:id="@+id/toolbar"

  3. android:layout_width="match_parent"

  4. android:layout_height="?attr/actionBarSize"

  5. android:background="?attr/colorPrimary"

  6. app:popupTheme="@style/ThemeOverlay.AppCompat.Light"

  7. app:layout_scrollFlags="scroll|enterAlways"/>

代码

 

  1. Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

  2. setSupportActionBar(toolbar);

setSupportActionBar 设定，Toolbar即能取代原本的 actionbar 了

截图说明一下：

toolbar.png

其他详细的使用，可以看推荐的下面文章, 已经写的很好了:

android：ToolBar详解（手把手教程）

Theme的背景颜色等的详细，如下：

使用 colorPrimary 来给你的 App Bar 上色

StatusBar TitleBar、ActionBar、ToolBar之间的关系

StatusBar,也就是状态栏：它处于屏幕的最顶部，正常情况下它是显示的，它和TitleBar和ActionBar之间没有直接的关系。 
1.如果想在应用中隐藏他的话，可以通过下面的方式：显示代码 
2.如果想获取它的高度，通过以下方式： 
显示代码

TitleBar，也就是标题栏,它紧挨状态栏的下面，正常情况下它的布局和主题样式都是使用系统定义好的，且默认情况下只显示图标和文本。 
1.如果你想改变它的布局和主题样式可以通过下面的方式:实现代码 
注意的是1.上面代码的执行顺序不能变2.通过上面的代码不能设置标题栏的大小和背景（但是可以自定义主题样式） 
2.如果想获取它的高度，可以通过以下方式：

int contentTop = getWindow().findViewById(Window.ID_ANDROID_CONTENT).getTop(); 
//statusBarHeight是上面状态栏的高度 
int titleBarHeight = contentTop - statusBarHeight;

ActionBar，也就是操作栏，它是Android3.0以后引入SDK的，通过它去取代之前标题栏，它和标题栏一样紧挨状态栏的下面，关于他的详情ActionBar的基本用法

getan525
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ActionBar、TitleBar、ToolBar的联系和区别
廿四桥明月夜的博客
06-11 1万+
一、ToolBar 1、概述 Google在2015的IO大会上发布了系列的Material Design风格的控件。其中ToolBar是替代ActionBar的控件。由于ActionBar在各个安卓版本和定制Rom中的效果表现不一，导致严重的碎片化问题，ToolBar应运而生。 与ActionBar区别 显示效果跟ActionBar并没有区别。 优点：自定义视图的操作更加简
ActionBar、TitleBar、ToolBar、StatusBar之间的关系
binglan520的专栏
07-12 607
StatusBar StatusBar,也就是状态栏，它处于屏幕的最顶部，正常情况下它是显示的，它和TitleBar和ActionBar、ToolBar之间没有直接的关系。可设置隐藏、颜色，获取高度等。 TitleBar TitleBar，也就是标题栏,它紧挨状态栏的下面，正常情况下它的布局和主题样式都是...
TitlebarAndToolbar：这是NSWindow标题栏和工具栏样式的几种组合的展示。
02-02
TitlebarAndToolbar：这是NSWindow标题栏和工具栏样式的几种组合的展示。
Android-TitleBar自定义标题居中的ToolBar
08-13
自定义标题居中的ToolBar，也可以将自定义View添加到ToolBar的左边、中间、右边
android TitleBar
08-11
首先，我们需要理解Android系统中的TitleBar有两种实现方式：原生的ActionBar和Material Design的ToolBar。对于API 21及以上的设备，推荐使用ToolBar，因为它提供了更丰富的定制选项和更好的设计兼容性。 1. **...
自定义Titlebar
07-04
在Android应用开发中，Titlebar（也常被称为ActionBar或Toolbar）是用户界面的重要组成部分，它通常包含应用的名称、图标以及一些操作按钮。自定义Titlebar可以为应用程序提供独特的外观和交互体验，使得UI设计更加...
android 一个骚气的titlebar
09-30
1. **使用Android系统的ActionBar**：Android SDK内置了ActionBar，可以通过设置主题、添加菜单项和使用ToolBar来定制TitleBar。开发者可以使用`app:theme`属性在XML布局中指定主题，或者在代码中通过`...
titlebar.zip
03-05
1. **ToolBar的使用**：ToolBar是Android Support Library中的一个组件，可以替代ActionBar，提供更丰富的自定义选项。通过在布局XML文件中添加`<androidx.appcompat.widget.Toolbar>`元素，并设置相应的属性，如`...
TitleBar:Android 标题栏框架，从此布局属性不用记
05-12
标题栏框架 码云地址： 博客地址： 已投入公司项目多时，没有任何毛病，可胜任任何需求， 想了解实现原理的可以参考文章： ... // 标题栏框架：https://github.com/getActivity/TitleBar implementation 'com.gi
android Menu与ActionBar和TitleBar浅析
大叔的愤怒，你驾驭不了
10-29 1226
首先，我们来分析一下Menu Android平台提供了3中菜单的实现方式，即选项菜单(OptionMenu)、上下文菜单(ContextMenu)、子菜单(SubMenu)
关于StatusBar，TitleBar，ActionBar之间的区别以及他们的高度的计算。
12-14 2458
StatusBar,也就是状态栏：它处于屏幕的最顶部，正常情况下它是显示的，它和TitleBar和ActionBar之间没有直接的关系。 1.如果想在应用中隐藏他的话，可以通过下面的方式： 2.如果想获取它的高度，通过以下方式： TitleBar，也就是标题栏,它紧挨状态栏的下面，正常情况下它的布局和主题样式都是使用系统定义好的，且默认情况下只显示图标和文本。 1.如果你想改变它的布局和主题
关于ActionBar、ToolBar、TitleBar、StatusBar的理解
weixin_30455661的博客
07-06 355
1、TitleBar是标题栏 2、ActionBar:ActionBar位于Activity的顶部，可用来显示activity的标题、Icon、Actions和一些用于交互的View。它也可被用于应用的导航。 注意：当状态栏设置为透明时，ToolBar会与状态栏重叠，这时需要在根布局下设置一个属性： android:f...
导航栏的使用（ToolBar、BottomNavgationView）
wuwndj的博客
12-05 3610
一、ToolBar标题栏的使用 toolbar标题栏：一个 ToolBar 的基本组成，包括左侧导航图标、标题、子标题等。 具体的创建步骤如下： 1、隐藏页面自带标题栏 （1）将应用主题设为 NoActionBar <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" a
Android自定义actionBar,titleBar
fffff525257的专栏
10-01 513
第一次写博客,写了一个自定义的custombarbar控件, 先上效果吧 主要是动态控制显示,可扩展性强 上代码........ /** * addLeftView 添加左边控件,按先后顺序排列 * addRightView 添加右边控件,按先后顺序排列 * addMiddleViewExist 添加中间控件,只允许同时存在一个 * * @author fmh */ public class CustomBarbar extends RelativeLayout { .
android开发actionbar,Android开发之自定义ActionBar和TitleBar
weixin_33925126的博客
05-27 318
首先给出代码和效果private void configureActionBar() {LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);View customActionBarView = inflater.inflate(R.layout.call_log_m...
Android开发之自定义ActionBar和TitleBar
大叔的愤怒，你驾驭不了
10-21 1111
Android开发之自定义ActionBar和TitleBar
AppCompatActivity与Toolbar的结合使用详解
Toolbar 是 Android 5.0 中引入的新组件，用于取代传统的 ActionBar。Toolbar 提供了更多的灵活性和可扩展性，可以自定义标题栏的样式和内容。 AppCompatActivity 与 Toolbar 的结合 要将 Toolbar 与 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值