zoukankan      html  css  js  c++  java
  • android中的ActionBar和ToolBar

    一、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。

    图示:

    其中,[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,如图:

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

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

    推荐使用extends AppCompatActivity

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

    (参考文章:http://m.blog.csdn.net/article/details?id=46858249)

  • 相关阅读:
    HDU5090模拟,hash
    在Android手机上获取其它应用的包名及版本
    ubunut在系统恢复模式下无法改动rootpassword的分析和解决
    Index column size too large. The maximum column size is 767 bytes.
    java实现定时任务
    APP账号密码传输安全分析
    用RSA加密实现Web登录密码加密传输
    svn is already locked解决方案
    ajax跨域请求
    redis+spring配置
  • 原文地址:https://www.cnblogs.com/neillee/p/5402091.html
Copyright © 2011-2022 走看看