Android ActionBar UI 使用<一>-白红宇

Android ActionBar UI 使用<一>

阅读量：6358 次

发布时间：2019-06-23

本文共 5749 字，大约阅读时间需要 19 分钟。

在Android3.0之后，Google对UI导航设计上进行了一系列的改革，其中有一个非常好用的新功能就是引入的ActionBar，他用于取代3.0之前的标题栏，并提供更为丰富的导航效果。

一、添加ActionBar

1、不需要导入ActionBar，因为在android3.0或者以上版本中，ActionBar已经默认的包含在Activity中

2、在Android3.0的默认主题“holographic”中，已经创造了ActionBar

3、当android:minSdkVersion 或者 android:targetSdkVersion 属性被设置成11或者更高时，应用会被认为是Android3.0版本（默认含有ActionBar）

二、隐藏ActionBar

1、我们可以通过把主题设置为Theme.Holo.NoActionBar为一个Activity去除掉ActionBar。

View Code

、我们也可以通过在代码中调用show()或者hide()方法来相应的显示或者隐藏ActionBar

3、在我们使用actionBar.hide();方法是系统默认会将ActionBar占用的空间分配给界面，此时显示的界面将会重新绘制。

同样调用actionBar.show();时也会重新绘制界面。如果我们一个程序需要频繁的显示或者隐藏ActionBar的话，这样

就不会有良好的效果。Google提供给一个属性可以让ActionBar浮在界面上，当然你可以让ActionBar的背景为透明，

这样会有良好的体验效果。

三、添加ActionBar的Item

1、通过程序动态布局

package com.example.androidactionbaractivity;import android.os.Bundle;import android.app.ActionBar;import android.app.Activity;import android.view.Menu;import android.view.MenuItem;public class MainActivity extends Activity {    ActionBar actionBar;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        actionBar=getActionBar();        actionBar.show();    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        // Inflate the menu; this adds items to the action bar if it is present.        super.onCreateOptionsMenu(menu);        //添加菜单项        MenuItem add=menu.add(0,0,0,"add");        MenuItem del=menu.add(0,0,0,"del");        MenuItem save=menu.add(0,0,0,"save");        //绑定到ActionBar          add.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);        del.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);        save.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);        return true;    }    }

View Code

2、通过Menu.xml文件布局

menu/menu.xml

View Code

程序：

package com.example.androidactionbaractivity;import android.os.Bundle;import android.app.ActionBar;import android.app.Activity;import android.view.Menu;import android.view.MenuInflater;import android.view.MenuItem;public class MainActivity extends Activity {        /** Called when the activity is first created. */        @Override        public void onCreate(Bundle savedInstanceState) {            super.onCreate(savedInstanceState);            setContentView(R.layout.activity_main);        }        @Override        public boolean onCreateOptionsMenu(Menu menu)        {            MenuInflater inflater = getMenuInflater();            inflater.inflate(R.menu.menu, menu);            return true;        }}

View Code

效果和上面一样

四、关于菜单项过多

当菜单项过多时，Android会分两种情况进行处理：

1、手机有MENU实体键：则按下Menu键后会显示剩余菜单项

2、手机没有MENU实体键：则会在最左边显示一个Action OverFlow按钮，按下后会显示剩余项菜单，如图：

五、使用带字的Action Item

1、Action item 默认格式是如果菜单项含字和图标的话，只显示图标

2、如果想要显示字的效果，在xml里如下设置：android:showAsAction="ifRoom|withText" 或者在代码里调用 setShowAsAction()：setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM)

六、ActionBar的单击事件

1、ActionBar中一个菜单项（即Action item）的触发像以前版本中的活动菜单回调方法（onOptionsItemSelected()）一样。

2、当用户选择一个Fragment的菜单项时，首先会调用Activity的onOptionsItemSelected()方法，如果该方法返回false，则调用Fragment实现的onOptionsItemSelected()方

法。

public boolean onOptionsItemSelected(MenuItem item) {        // TODO Auto-generated method stub        switch (item.getItemId()) {        case R.id.menu_save:            Toast.makeText(getApplicationContext(), "menu_save", 0).show();            break;        case android.R.id.home:            Intent intent = new Intent(this, MainActivity.class);            intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP                    | Intent.FLAG_ACTIVITY_NEW_TASK);            startActivity(intent);            Toast.makeText(getApplicationContext(), "android.R.id.home", 0)                    .show();            break;        default:            break;        }        return super.onOptionsItemSelected(item);    }

View Code

七、应用的图标

1、默认情况下，应用图标在ActionBar的左侧

2、当用户点击应用bar的时候，系统会调用你的Activity里面的onOptionsItemSelected() 方法里面的Android.R.id.Home ID(你的主ID)里定义的事件。我们可以重写这个方法，添加一个条件执行该行为：让它跳转到这个应用的主Activity而不是返回的主屏幕。

3、如果选择返回应用的主activity，最好的方式是在创建的Intent中添加FLAG_ACTIVITY_CLEAR_TOP这个标签。

使用这个FLAG_ACTIVITY_CLEAR_TOP标签，如果应用的主Activity已经在activity栈中存在，所有在其上的activity都会被销毁，然后主activity会到栈顶，而不用创建主Activity的的新实例。

@Override    public boolean onOptionsItemSelected(MenuItem item)    {        switch (item.getItemId())        {        case android.R.id.home:            Intent intent = new Intent(this, MainActivity.class);            intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);            startActivity(intent);            return true;        default:            return super.onOptionsItemSelected(item);        }    }

View Code

当我们想实现用户点击ActionBar 图标后返回前一个activity，可以通过在Actionbar设置setDisplayHomeAsUpEnabled(true) 来实现。如图：

八、添加活动视图

1、ActionBar中还可以添加很多其他的视图

我们也可以添加一个视图作为一个Action Item.我们可以通过在xml元素的android:actionLayout属性制定我们希望现实布局资源的ID（例如@layout/mysearchview)

我们可以选择添加android:actionViewClass属性分配与完全限定的类名描述我们想要显示的视图(例如android.widget.SearchView)

package com.example.androidactionbaractivity;import android.app.ActionBar;import android.app.Activity;import android.os.Bundle;import android.view.Menu;import android.view.MenuInflater;public class MainActivity extends Activity {    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }    @Override    protected void onStart() {        super.onStart();        ActionBar actionBar = this.getActionBar();        actionBar.setDisplayHomeAsUpEnabled(true);    }    @Override    public boolean onCreateOptionsMenu(Menu menu)    {        MenuInflater inflater = getMenuInflater();        inflater.inflate(R.menu.main, menu);        return true;    }}

View Code