ActionBar神奇魅力1

来源:互联网 发布:unpack php 编辑:程序博客网 时间:2024/05/01 05:50

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

[html] view plaincopy
  1. <activity android:theme="@android:style/Theme.Holo.NoActionBar">  

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

3、在我们使用actionBar.hide();方法是系统默认会将ActionBar占用的空间分配给界面,此时显示的界面将会重新绘制。
同样调用actionBar.show();时也会重新绘制界面。如果我们一个程序需要频繁的显示或者隐藏ActionBar的话,这样
就不会有良好的效果。Google提供给一个属性可以让ActionBar浮在界面上,当然你可以让ActionBar的背景为透明,
这样会有良好的体验效果。

三、添加ActionBar的Item

1、通过程序动态布局

[java] view plaincopy
  1. package com.xys.actionbar;  
  2.   
  3. import android.os.Bundle;  
  4. import android.app.ActionBar;  
  5. import android.app.Activity;  
  6. import android.view.Menu;  
  7. import android.view.MenuItem;  
  8.   
  9. public class MainActivity extends Activity {  
  10.   
  11.     ActionBar actionBar;  
  12.     @Override  
  13.     protected void onCreate(Bundle savedInstanceState) {  
  14.         super.onCreate(savedInstanceState);  
  15.         setContentView(R.layout.activity_main);  
  16.         actionBar=getActionBar();  
  17.         actionBar.show();  
  18.     }  
  19.   
  20.   
  21.     @Override  
  22.     public boolean onCreateOptionsMenu(Menu menu) {  
  23.         // Inflate the menu; this adds items to the action bar if it is present.  
  24.         super.onCreateOptionsMenu(menu);  
  25.         //添加菜单项  
  26.         MenuItem add=menu.add(0,0,0,"add");  
  27.         MenuItem del=menu.add(0,0,0,"del");  
  28.         MenuItem save=menu.add(0,0,0,"save");  
  29.         //绑定到ActionBar    
  30.         add.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);  
  31.         del.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);  
  32.         save.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);  
  33.         return true;  
  34.     }  
  35.       
  36. }  

效果如图:


2、通过Menu.xml文件布局

menu/menu.xml

[java] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <menu xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.   
  4.     <item  
  5.         android:id="@+id/item1"  
  6.         android:orderInCategory="1"  
  7.         android:showAsAction="ifRoom|withText"  
  8.         android:title="@string/save"/>  
  9.   
  10.     <item  
  11.         android:id="@+id/item1"  
  12.         android:orderInCategory="2"  
  13.         android:showAsAction="ifRoom|withText"  
  14.         android:title="@string/edit"/>  
  15. </menu>  

程序:

[java] view plaincopy
  1. public class ActionBarXMLActivity extends Activity {  
  2.     /** Called when the activity is first created. */  
  3.     @Override  
  4.     public void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.main);  
  7.     }  
  8.   
  9.     @Override  
  10.     public boolean onCreateOptionsMenu(Menu menu)  
  11.     {  
  12.         MenuInflater inflater = getMenuInflater();  
  13.         inflater.inflate(R.menu.optionsmenu, menu);  
  14.         return true;  
  15.     }  
  16. }  

效果和上面一样

四、关于菜单项过多

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

法。

[java] view plaincopy
  1. public boolean onOptionsItemSelected(MenuItem item) {  
  2.         // TODO Auto-generated method stub  
  3.         switch (item.getItemId()) {  
  4.         case R.id.menu_save:  
  5.             Toast.makeText(getApplicationContext(), "menu_save"0).show();  
  6.             break;  
  7.         case android.R.id.home:  
  8.             Intent intent = new Intent(this, MainActivity.class);  
  9.             intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP  
  10.                     | Intent.FLAG_ACTIVITY_NEW_TASK);  
  11.             startActivity(intent);  
  12.             Toast.makeText(getApplicationContext(), "android.R.id.home"0)  
  13.                     .show();  
  14.             break;  
  15.         default:  
  16.             break;  
  17.         }  
  18.         return super.onOptionsItemSelected(item);  
  19.     }  

七、应用的图标

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

[java] view plaincopy
  1. @Override  
  2.     public boolean onOptionsItemSelected(MenuItem item)  
  3.     {  
  4.         switch (item.getItemId())  
  5.         {  
  6.         case android.R.id.home:  
  7.             Intent intent = new Intent(this, MainActivity.class);  
  8.             intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);  
  9.             startActivity(intent);  
  10.             return true;  
  11.         default:  
  12.             return super.onOptionsItemSelected(item);  
  13.         }  
  14.     }  

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


八、添加活动视图

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

我们也可以添加一个视图作为一个Action Item.我们可以通过在xml元素的android:actionLayout属性制定我们希望现实布局资源的ID(例如@layout/mysearchview)
我们可以选择添加android:actionViewClass属性分配与完全限定的类名描述我们想要显示的视图(例如android.widget.SearchView)

[java] view plaincopy
  1. package com.xys.actionbar;  
  2.   
  3. import android.app.ActionBar;  
  4. import android.app.Activity;  
  5. import android.os.Bundle;  
  6. import android.view.Menu;  
  7. import android.view.MenuInflater;  
  8.   
  9. public class MainActivity extends Activity {  
  10.     /** Called when the activity is first created. */  
  11.     @Override  
  12.     public void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         setContentView(R.layout.activity_main);  
  15.     }  
  16.     @Override  
  17.     protected void onStart() {  
  18.         super.onStart();  
  19.         ActionBar actionBar = this.getActionBar();  
  20.         actionBar.setDisplayHomeAsUpEnabled(true);  
  21.     }  
  22.   
  23.     @Override  
  24.     public boolean onCreateOptionsMenu(Menu menu)  
  25.     {  
  26.         MenuInflater inflater = getMenuInflater();  
  27.         inflater.inflate(R.menu.main, menu);  
  28.         return true;  
  29.     }  
  30. }  

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



2、其他Item

ActionBar的Item会分有好几个种类,分别有
1).普通类型(带图片带文字)。
2).分享类型。 
3).可拓展类型。
4).列表类型。

如图:

`$Q5LHT7})3AFG~5(8XL}$S.jpg

[html] view plaincopy
  1. <item  
  2. android:id="@+id/menu_collapse"  
  3. android:actionLayout="@layout/collapsibleview"  
  4. android:icon="@drawable/search"  
  5. android:showAsAction="ifRoom|collapseActionView"  
  6. android:title="@string/menu_search">  
  7. </item>  
  8. <item  
  9. android:id="@+id/menu_share"  
  10. android:actionProviderClass="android.widget.ShareActionProvider"  
  11. android:enabled="true"  
  12. android:showAsAction="ifRoom"  
  13. android:title="@string/menu_share"/>  
  14. <item  
  15. android:id="@+id/menu_settings"  
  16. android:icon="@drawable/save"  
  17. android:orderInCategory="100"  
  18. android:title="@string/menu_settings">  
  19. </item>  
  20. <item  
  21. android:id="@+id/menu_save"  
  22. android:icon="@drawable/save"  
  23. android:showAsAction="ifRoom|withText"  
  24. android:title="@string/menu_save">  
  25. <menu>  
  26. <item  
  27. android:id="@+id/action_sort_size"  
  28. android:icon="@android:drawable/ic_menu_sort_by_size"  
  29. android:onClick="onSort"/>  
  30. <item  
  31. android:id="@+id/action_sort_alpha"  
  32. android:icon="@android:drawable/ic_menu_sort_alphabetically"  
  33. android:onClick="onSort"/>  
  34. </menu>  
  35. </item>  
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代码中进行实现:

[java] view plaincopy
  1. public boolean onCreateOptionsMenu(Menu menu) {   
  2. // 添加分享按钮的事件  
  3. // 4.0以下没有ShareActionProvider  
  4. MenuItem menuItem_share = menu.findItem(R.id.menu_share);  
  5. // Get the provider and hold onto it to set/change the share intent.  
  6. mShareActionProvider = (ShareActionProvider) menuItem_share  
  7. .getActionProvider();  
  8. // If you use more than one ShareActionProvider, each for a different  
  9. // action,  
  10. // use the following line to specify a unique history file for each one.  
  11. // mShareActionProvider.setShareHistoryFileName("custom_share_history.xml");  
  12.    
  13. // Set the default share intent  
  14. mShareActionProvider.setShareIntent(getDefaultShareIntent());  
  15. }  
  16. private Intent getDefaultShareIntent() {  
  17. // TODO Auto-generated method stub  
  18. Log.i(TAG, "getDefaultShareIntent");  
  19. Intent intent = new Intent(Intent.ACTION_SEND);  
  20. intent.setType("text/plain");  
  21. intent.putExtra(Intent.EXTRA_SUBJECT, "小清新短信闪");  
  22. intent.putExtra(Intent.EXTRA_TEXT, "小清新短信闪 1.0");  
  23. intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);  
  24. return intent;  
  25. }  
效果如图:


1.jpg


http://blog.csdn.net/x359981514/article/details/8688538

原创粉丝点击