Android系列ActionBar使用详解(Android actionbar)

网友投稿 1284 2022-05-30

在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。

?

1

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

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

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

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

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

三、添加ActionBar的Item

1、通过程序动态布局

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

package com.xys.actionbar;

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;

}

}

效果如图:

2、通过Menu.xml文件布局

menu/menu.xml

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

android:id="@+id/item1"

android:orderInCategory="1"

android:showAsAction="ifRoom|withText"

android:title="@string/save"/>

android:id="@+id/item1"

android:orderInCategory="2"

android:showAsAction="ifRoom|withText"

android:title="@string/edit"/>

程序:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

public class ActionBarXMLActivity extends Activity {

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

}

@Override

public boolean onCreateOptionsMenu(Menu menu)

{

MenuInflater inflater = getMenuInflater();

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

return true;

}

}

效果和上面一样

四、关于菜单项过多

当菜单项过多时,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()方

法。

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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

}

七、应用的图标

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的的新实例。

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

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

}

}

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

八、添加活动视图

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

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

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

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

package com.xys.actionbar;

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;

}

}

这样我们就添加了一个Search的视图,效果如下:

2、其他Item

ActionBar的Item会分有好几个种类,分别有

1).普通类型(带图片带文字)。

2).分享类型。

3).可拓展类型。

4).列表类型。

如图:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

android:id="@+id/menu_collapse"

android:actionLayout="@layout/collapsibleview"

android:icon="@drawable/search"

android:showAsAction="ifRoom|collapseActionView"

android:title="@string/menu_search">

android:id="@+id/menu_share"

android:actionProviderClass="android.widget.ShareActionProvider"

android:enabled="true"

android:showAsAction="ifRoom"

android:title="@string/menu_share"/>

android:id="@+id/menu_settings"

android:icon="@drawable/save"

android:orderInCategory="100"

android:title="@string/menu_settings">

android:id="@+id/menu_save"

android:icon="@drawable/save"

android:showAsAction="ifRoom|withText"

Android系列之ActionBar使用详解(Android actionbar)

android:title="@string/menu_save">

android:id="@+id/action_sort_size"

android:icon="@android:drawable/ic_menu_sort_by_size"

android:onClick="onSort"/>

android:id="@+id/action_sort_alpha"

android:icon="@android:drawable/ic_menu_sort_alphabetically"

android:onClick="onSort"/>

menu_save Item 就是一个最普通的带文字带图片的Item。

能否显示在ActionBar的Item主要看android:showAsAction="ifRoom|withText"这个属性。

看menu_sitting 就永远不会显示出来,只有在按menu时候会显示。谷歌文档中提供android:showAsAction总共有五个属性。

never:永远不会显示。只会在溢出列表中显示。

ifRoom:会显示在Item中,但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。

always:无论是否溢出,总会显示。

withText:Title会显示。

collapseActionView:可拓展的Item。

3、可分享的Item

看上面代码片段 menu_share 按钮就是一个可分享的Item。

android:actionProviderClass="android.widget.ShareActionProvider"表示这个Item是个分享Item

在java代码中进行实现:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

public boolean onCreateOptionsMenu(Menu menu) {

// 添加分享按钮的事件

// 4.0以下没有ShareActionProvider

MenuItem menuItem_share = menu.findItem(R.id.menu_share);

// Get the provider and hold onto it to set/change the share intent.

mShareActionProvider = (ShareActionProvider) menuItem_share

.getActionProvider();

// If you use more than one ShareActionProvider, each for a different

// action,

// use the following line to specify a unique history file for each one.

// mShareActionProvider.setShareHistoryFileName("custom_share_history.xml");

// Set the default share intent

mShareActionProvider.setShareIntent(getDefaultShareIntent());

}

private Intent getDefaultShareIntent() {

// TODO Auto-generated method stub

Log.i(TAG, "getDefaultShareIntent");

Intent intent = new Intent(Intent.ACTION_SEND);

intent.setType("text/plain");

intent.putExtra(Intent.EXTRA_SUBJECT, "小清新短信闪");

intent.putExtra(Intent.EXTRA_TEXT, "小清新短信闪 1.0");

intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

return intent;

}

效果如图:

4、可拓展的Item

看到那个放大镜了,就是一个可拓展试的Item,看xml 中的 menu_collapse。

他有俩个属性是android:actionLayout="@layout/collapsibleview" android:showAsAction="ifRoom|collapseActionView"

android:actionLayout="@layout/collapsibleview" 是点item后拓展成的View

android:showAsAction="collapseActionView"代表他是一个可拓展的Item

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

Button btnn;

EditText editText;

private ShareActionProvider mShareActionProvider;

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.activity_main, menu);

// 给可折叠的view上的控件添加事件

LinearLayout viewGroup = (LinearLayout) menu.findItem(

R.id.menu_collapse).getActionView();

btnn = (Button) viewGroup.findViewById(R.id.colla_btn);

editText = (EditText) viewGroup.findViewById(R.id.colla_edit);

btnn.setOnClickListener(new OnClickListener() {

public void onClick(View v) {

// TODO Auto-generated method stub

Toast.makeText(getApplicationContext(),

editText.getText() + "~", 0).show();

}

});

}

可拓展的Item同时还支持一个拓展事件。只有在4.0以后的Api提供:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

MenuItem menuItem = menu.findItem(R.id.menu_collapse);

menuItem.setOnActionExpandListener(new OnActionExpandListener() {

@Override

public boolean onMenuItemActionExpand(MenuItem item) {

// TODO Auto-generated method stub

Toast.makeText(getApplicationContext(),

"onMenuItemActionExpand", 0).show();

return true;

}

@Override

public boolean onMenuItemActionCollapse(MenuItem item) {

// TODO Auto-generated method stub

Toast.makeText(getApplicationContext(),

"onMenuItemActionCollapse", 0).show();

return true;

}

});

5、自定义View

?

1

2

3

4

5

6

7

8

9

10

11

12

mCustomView = getLayoutInflater().inflate(

R.layout.action_bar_display_options_custom, null);

mCustomView.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Toast.makeText(getApplicationContext(), "自定义view", 0).show();

}

});

actionBar.setCustomView(mCustomView, new ActionBar.LayoutParams(

LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

九、ActionBar标签

1、ActionBar可以现实选项卡供用户切换浏览该Activity中不同的Fragment

2、每个标签都可以是一个图标或文本标题

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

package com.xys.actionbar;

import android.app.ActionBar;

import android.app.ActionBar.Tab;

import android.app.Activity;

import android.app.Fragment;

import android.app.FragmentTransaction;

import android.os.Bundle;

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

ActionBar bar = getActionBar();

//设置为Tab模式

bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

//新建2个Tab

ActionBar.Tab tabA = bar.newTab().setText("A Tab");

ActionBar.Tab tabB = bar.newTab().setText("B Tab");

//绑定到Fragment

Fragment fragmentA = new AFragmentTab();

Fragment fragmentB = new BFragmentTab();

tabA.setTabListener(new MyTabsListener(fragmentA));

tabB.setTabListener(new MyTabsListener(fragmentB));

bar.addTab(tabA);

bar.addTab(tabB);

}

protected class MyTabsListener implements ActionBar.TabListener

{

private Fragment fragment;

public MyTabsListener(Fragment fragment)

{

this.fragment = fragment;

}

@Override

public void onTabSelected(Tab tab, FragmentTransaction ft)

{

ft.add(R.id.fragment_place, fragment, null);

}

@Override

public void onTabReselected(Tab arg0, FragmentTransaction arg1) {

// TODO Auto-generated method stub

}

@Override

public void onTabUnselected(Tab arg0, FragmentTransaction arg1) {

// TODO Auto-generated method stub

}

}

}

AB Tab页面:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

package com.xys.actionbar;

import android.app.Fragment;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

public class AFragmentTab extends Fragment

{

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState)

{

return inflater.inflate(R.layout.fragment_a, container, false);

}

}

布局:

activity_main.xml:相当于容器

?

1

2

3

4

5

6

7

8

9

10

11

12

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

android:id="@+id/fragment_place"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

fragment_a.xml:每个fragment的布局:

?

1

2

3

4

5

6

7

8

9

10

11

12

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

android:id="@+id/fragment_a"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

显示效果如图:

九-1、下拉模式

前面讲到了

?

1

bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)

这次我们使用下拉模式

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

public class ActionBarTestActivity extends Activity {

/** Called when the activity is first created. */

Button button1,button2;

ActionBar actionBar;

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

actionBar=getActionBar();

// 生成一个SpinnerAdapter

SpinnerAdapter adapter = ArrayAdapter.createFromResource(this, R.array.student, android.R.layout.simple_spinner_dropdown_item);

// 将ActionBar的操作模型设置为NAVIGATION_MODE_LIST

actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);

// 为ActionBar设置下拉菜单和-

actionBar.setListNavigationCallbacks(adapter, new DropDownListenser());

class DropDownListenser implements OnNavigationListener

{

// 得到和SpinnerAdapter里一致的字符数组

String[] listNames = getResources().getStringArray(R.array.student);

/* 当选择下拉菜单项的时候,将Activity中的内容置换为对应的Fragment */

public boolean onNavigationItemSelected(int itemPosition, long itemId)

{

// 生成自定的Fragment

Ftest student = new Ftest();

FragmentManager manager = getFragmentManager();

FragmentTransaction transaction = manager.beginTransaction();

// 将Activity中的内容替换成对应选择的Fragment

transaction.replace(android.R.id.content, student, listNames[itemPosition]);

transaction.commit();

return true;

}

xml布局:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

Hello World, ActionBarTestActivity!

ActionBarTest

ActionBar下拉菜单

item1

item2

item3

item4

fragment:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

public class Ftest extends Fragment

{

// Fragment对应的标签,当Fragment依附于Activity时得到

private String tag;

@Override

public void onAttach(Activity activity)

{

super.onAttach(activity);

tag = getTag();

}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

{

//  View view = (View) inflater.inflate(R.layout.ftest, container, false);

//  TextView textView=(TextView) view.findViewById(R.id.topView);

//  textView.setText(tag);

TextView textView = new TextView(getActivity());

textView.setText(tag);

return textView;

}

}

效果图如下:

十、ActionBar的美化

1、

?

1

2

3

4

5

6

item name="android:background:ActionBar本身的背景颜色。

item name="android:backgroundStacked":ActionBar被分离时Tab 的背景颜色。

item name="android:backgroundSplit":ActionBar Item 在分割到底部时的背景颜色。

item name="android:background:蓝色 item name="android:backgroundStacked":紫色 item name="android:backgroundSplit":绿色

2、其他选项的Style

Action items

android:actionButtonStyle

?

1

2

3

4

5

6

7

从上面的定义看出,它定义了Button的最小宽度、居中样式、左右padding以及图片的放缩方式。再看看该样式的父样式

?

1

2

3

4

5

6

7

android:actionBarItemBackground

定义显示的item选项的背景 Api 14以上可以使用android:itemBackground定义全部Item的背景选项

这俩个选项其实和定义actionBarButtonStyle的背景已经有覆盖 所以用的时候定义一个就行

android:actionBarDivider

样式属性actionBarDivider定义了ActionBar操作项之间的分隔条。可以看出,它直接引用了另一个ActionBar相关属性 dividerVertical,其定义如下:

?

1

@drawable/divider_vertical_dark

android:actionMenuTextColor

android:actionMenuTextAppearance

这俩个属性是定义menu item 文字大小和颜色

?

1

2

3

4

5

6

7

@style/myactionMenuTextAppearance

@color/ab_backgroundStacked_color

android:actionBarWidgetTheme

Navigation tabs

android:actionBarTabStyle

样式属性 actionBarTabStyle 为Tab页的标签定义样式

?

1

2

3

4

5

android:actionBarTabBarStyle

样式属性actionBarTabBarStyle 定义了Tab标签之间分隔条。

?

1

2

3

4

5

android:actionBarTabTextStyle

样式属性 actionBarTabTextStyle 定义了Tab的文本样式,如下:

?

1

2

3

4

5

6

7

8

9

android:actionDropDownStyle

样式属性 actionDropDownStyle 定义了下拉导航列表的样式,如下:

?

1

2

3

其父样式

?

1

2

3

4

5

6

7

8

9

10

说下ActionBar 总体系统提供的样式

样式属性actionBarStyle定义了ActionBar的基本样式。

?

1

2

3

4

5

6

7

8

9

10

11

12

其父样式

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

Android XML

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:第十届蓝桥杯决赛JavaC组真题——详细答案对照(完整版)
下一篇:自动驾驶网络系列二: 从哲学源头开始思考架构设计(自动驾驶 网络)
相关文章