android中的ActionBar和ToolBar

2023-08-28 15:22:40

一、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的主题

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

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

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

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

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

<resources>

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

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

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

        <!--Toolbar颜色-->

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

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

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

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

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

    </style>

</resources>

Android 4.4以下：

<resources>

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

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

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

        <!--Toolbar颜色-->

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

    </style>

</resources>

2.4 ToolBarxml文件中定义

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

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

    android:id="@+id/toolbar"

    android:layout_height="wrap_content"

    android:layout_width="match_parent"

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

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

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

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

2.5 java代码中实现

private Toolbar mToolbar;

   private WebFragment mWebFragment;

   private long mBeforeTime;

   @Override

   protected void onCreate(Bundle savedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.activity_main);

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

           SystemBarTintManager tintManager = new SystemBarTintManager(this);

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

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

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

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

       }

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

       getSupportActionBar().setDisplayHomeAsUpEnabled(true);

}

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。

图示：

android中的ActionBar和ToolBar

其中，[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代码：

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

        <item

            android:id="@+id/action_refresh"

            android:orderInCategory="100"

            android:showAsAction="always"

            android:icon="@drawable/ic_action_refresh"

            android:title="Refresh"/>

        <item

            android:id="@+id/action_settings"

            android:title="Settings">

        </item>

    </menu>

说明：

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

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

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        MenuInflater inflater = getMenuInflater();

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

        return true;

    }

2.2 Action的按钮交互

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

    @Override

    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()) {

        // action with ID action_refresh was selected

        case R.id.action_refresh:

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

            break;

        // action with ID action_settings was selected

        case R.id.action_settings:

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

            break;

        default:

            break;

        }

        return true;

    }

说明：

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

3、自定义ActionBar

3.1隐藏与显现

    ActionBar actionBar = getActionBar();

    actionBar.hide();

    // more stuff here...

    actionBar.show();

3.2改变title

    ActionBar actionBar = getActionBar();

    actionBar.setSubtitle("mytest");

    actionBar.setTitle("vogella.com");

3.3隐藏导航

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

3.4使用全屏模式

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

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

    private void hideSystemUI() {

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

            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION // hide nav bar

            | View.SYSTEM_UI_FLAG_FULLSCREEN // hide status bar

            // remove the following flag for version < API 19

            | View.SYSTEM_UI_FLAG_IMMERSIVE);

    }

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

    actionBar.setCustomView(R.layout.actionbar_view);

    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);

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

    case android.R.id.home:

参考文章：

1、http://blog.csdn.net/bigconvience/article/details/28886241

特别说明

1、AndroidStudio中按照默认的Activity启动时，不显示ActionBar的问题

在Eclipse新建一个MainActivity extends Activity时，能够正常显示ActionBar，如图：

android中的ActionBar和ToolBar

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

android中的ActionBar和ToolBar

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

推荐使用extends AppCompatActivity

同样的代码在Eclipseh和Android Studio中会出现较大差异，需要区别对待。

AppCompatActivity是为了兼容性考虑！造成这种差异的原因是主题的问题！！！

在主题方面，还有很多不懂，今后加强学习

（参考文章：http://m.blog.csdn.net/article/details?id=46858249）

上一篇：javascript Date format(js日期格式化) (转)


下一篇：关于Mac或Linux下GO的Permission denied提示错误