码迷，mamicode.com
首页 > 其他好文 > 详细

ActionBar

时间：2015-08-06 13:16:55      阅读：73      评论：0      收藏：0      [点我收藏+]

标签：

转：http://blog.csdn.net/eclipsexys/article/details/8688538

在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. <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、通过程序动态布局

 

  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

 

  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>  


程序：

 

 

  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()方

法。

 

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

 

  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)

 

  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）.列表类型。

如图：

技术分享

 

  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代码中进行实现:

 

  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. }  

效果如图：

 


技术分享

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. Button btnn;  
  2. EditText editText;  
  3. private ShareActionProvider mShareActionProvider;  
  4.    
  5. @Override  
  6. public boolean onCreateOptionsMenu(Menu menu) {  
  7. // Inflate the menu; this adds items to the action bar if it is present.  
  8. getMenuInflater().inflate(R.menu.activity_main, menu);  
  9. // 给可折叠的view上的控件添加事件  
  10. LinearLayout viewGroup = (LinearLayout) menu.findItem(  
  11. R.id.menu_collapse).getActionView();  
  12. btnn = (Button) viewGroup.findViewById(R.id.colla_btn);  
  13. editText = (EditText) viewGroup.findViewById(R.id.colla_edit);  
  14. btnn.setOnClickListener(new OnClickListener() {  
  15. public void onClick(View v) {  
  16. // TODO Auto-generated method stub  
  17. Toast.makeText(getApplicationContext(),  
  18. editText.getText() + "~", 0).show();  
  19. }  
  20. });  
  21. }  


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

 

 

  1. MenuItem menuItem = menu.findItem(R.id.menu_collapse);  
  2. menuItem.setOnActionExpandListener(new OnActionExpandListener() {  
  3. @Override  
  4. public boolean onMenuItemActionExpand(MenuItem item) {  
  5. // TODO Auto-generated method stub  
  6. Toast.makeText(getApplicationContext(),  
  7. "onMenuItemActionExpand", 0).show();  
  8. return true;  
  9. }  
  10.    
  11. @Override  
  12. public boolean onMenuItemActionCollapse(MenuItem item) {  
  13. // TODO Auto-generated method stub  
  14. Toast.makeText(getApplicationContext(),  
  15. "onMenuItemActionCollapse", 0).show();  
  16. return true;  
  17. }  
  18. });  


5、自定义View

 

 

  1. mCustomView = getLayoutInflater().inflate(  
  2. R.layout.action_bar_display_options_custom, null);  
  3. mCustomView.setOnClickListener(new OnClickListener() {  
  4.    
  5. @Override  
  6. public void onClick(View v) {  
  7. // TODO Auto-generated method stub  
  8. Toast.makeText(getApplicationContext(), "自定义view", 0).show();  
  9. }  
  10. });  
  11. actionBar.setCustomView(mCustomView, new ActionBar.LayoutParams(  
  12. LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));  

 

九、ActionBar标签

1、ActionBar可以现实选项卡供用户切换浏览该Activity中不同的Fragment
2、每个标签都可以是一个图标或文本标题

 

  1. package com.xys.actionbar;  
  2.   
  3. import android.app.ActionBar;  
  4. import android.app.ActionBar.Tab;  
  5. import android.app.Activity;  
  6. import android.app.Fragment;  
  7. import android.app.FragmentTransaction;  
  8. import android.os.Bundle;  
  9.   
  10. public class MainActivity extends Activity  
  11. {  
  12.     /** Called when the activity is first created. */  
  13.     @Override  
  14.     public void onCreate(Bundle savedInstanceState)  
  15.     {  
  16.         super.onCreate(savedInstanceState);  
  17.         setContentView(R.layout.activity_main);  
  18.         ActionBar bar = getActionBar();  
  19.         //设置为Tab模式  
  20.         bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);  
  21.         //新建2个Tab  
  22.         ActionBar.Tab tabA = bar.newTab().setText("A Tab");  
  23.         ActionBar.Tab tabB = bar.newTab().setText("B Tab");  
  24.         //绑定到Fragment  
  25.         Fragment fragmentA = new AFragmentTab();  
  26.         Fragment fragmentB = new BFragmentTab();  
  27.         tabA.setTabListener(new MyTabsListener(fragmentA));  
  28.         tabB.setTabListener(new MyTabsListener(fragmentB));  
  29.         bar.addTab(tabA);  
  30.         bar.addTab(tabB);  
  31.     }  
  32.       
  33.     protected class MyTabsListener implements ActionBar.TabListener  
  34.     {  
  35.         private Fragment fragment;  
  36.         public MyTabsListener(Fragment fragment)  
  37.         {  
  38.             this.fragment = fragment;  
  39.         }  
  40.         @Override  
  41.         public void onTabSelected(Tab tab, FragmentTransaction ft)  
  42.         {  
  43.             ft.add(R.id.fragment_place, fragment, null);  
  44.         }  
  45.         @Override  
  46.         public void onTabReselected(Tab arg0, FragmentTransaction arg1) {  
  47.             // TODO Auto-generated method stub  
  48.               
  49.         }  
  50.         @Override  
  51.         public void onTabUnselected(Tab arg0, FragmentTransaction arg1) {  
  52.             // TODO Auto-generated method stub  
  53.               
  54.         }  
  55.     }  
  56.       
  57. }  


AB Tab页面：

 

 

  1. package com.xys.actionbar;  
  2.   
  3. import android.app.Fragment;  
  4. import android.os.Bundle;  
  5. import android.view.LayoutInflater;  
  6. import android.view.View;  
  7. import android.view.ViewGroup;  
  8.   
  9. public class AFragmentTab extends Fragment  
  10. {  
  11.     @Override  
  12.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
  13.             Bundle savedInstanceState)  
  14.     {  
  15.         return inflater.inflate(R.layout.fragment_a, container, false);  
  16.     }  
  17. }  


布局：

 

activity_main.xml：相当于容器

 

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:orientation="vertical" >  
  5.   
  6.     <LinearLayout  
  7.         android:id="@+id/fragment_place"  
  8.         android:layout_width="match_parent"  
  9.         android:layout_height="wrap_content" >  
  10.     </LinearLayout>  
  11.   
  12. </LinearLayout>  

fragment_a.xml：每个fragment的布局：

 

 

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:orientation="vertical" >  
  5.   
  6.     <LinearLayout  
  7.         android:id="@+id/fragment_a"  
  8.         android:layout_width="match_parent"  
  9.         android:layout_height="wrap_content" >  
  10.     </LinearLayout>  
  11.   
  12. </LinearLayout>  


显示效果如图：

 

技术分享

九-1、下拉模式

前面讲到了

  1. bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)  

 

这次我们使用下拉模式

 

  1. public class ActionBarTestActivity extends Activity {  
  2.     /** Called when the activity is first created. */  
  3.     Button button1,button2;  
  4.      
  5.     ActionBar actionBar;  
  6.     public void onCreate(Bundle savedInstanceState) {  
  7.         super.onCreate(savedInstanceState);  
  8.         setContentView(R.layout.main);  
  9.         actionBar=getActionBar();  
  10.         // 生成一个SpinnerAdapter         
  11.         SpinnerAdapter adapter = ArrayAdapter.createFromResource(this, R.array.student, android.R.layout.simple_spinner_dropdown_item);  
  12.         // 将ActionBar的操作模型设置为NAVIGATION_MODE_LIST         
  13.         actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);  
  14.      // 为ActionBar设置下拉菜单和监听器          
  15.         actionBar.setListNavigationCallbacks(adapter, new DropDownListenser());  
  16.          
  17. class DropDownListenser implements OnNavigationListener      
  18. {          
  19.   // 得到和SpinnerAdapter里一致的字符数组         
  20.   String[] listNames = getResources().getStringArray(R.array.student);          
  21.   /* 当选择下拉菜单项的时候，将Activity中的内容置换为对应的Fragment */          
  22.   public boolean onNavigationItemSelected(int itemPosition, long itemId)          
  23.   {              
  24.    // 生成自定的Fragment              
  25.    Ftest student = new Ftest();              
  26.    FragmentManager manager = getFragmentManager();              
  27.    FragmentTransaction transaction = manager.beginTransaction();             
  28.    // 将Activity中的内容替换成对应选择的Fragment              
  29.    transaction.replace(android.R.id.content, student, listNames[itemPosition]);             
  30.    transaction.commit();              
  31.    return true;          
  32.        
  33.   }  


xml布局：

 

 

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <string name="hello">Hello World, ActionBarTestActivity!</string>  
  4.     <string name="app_name">ActionBarTest</string>  
  5.       
  6.       <string name="ActionBar_name">ActionBar下拉菜单</string>      
  7.        <string-array name="student">          
  8.            <item>item1</item>          
  9.            <item>item2</item>          
  10.            <item>item3</item>          
  11.            <item>item4</item>     
  12.            </string-array>  
  13. </resources>  


fragment：

 

 

  1. public class Ftest extends Fragment  
  2. {     
  3. // Fragment对应的标签，当Fragment依附于Activity时得到      
  4.   
  5. private String tag;      
  6. @Override     
  7. public void onAttach(Activity activity)      
  8. {          
  9.   super.onAttach(activity);          
  10.      tag = getTag();     
  11. }      
  12. @Override      
  13. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)      
  14. {          
  15. //  View view = (View) inflater.inflate(R.layout.ftest, container, false);         
  16. //  TextView textView=(TextView) view.findViewById(R.id.topView);  
  17. //  textView.setText(tag);  
  18.   TextView textView = new TextView(getActivity());         
  19.   textView.setText(tag);  
  20.   return textView;      
  21.     
  22. }  
  23. }  


效果图如下：

 

技术分享

十、ActionBar的美化

1、

 

  1. <style name="MyActionBar" parent="@android:style/Widget.Holo.ActionBar">  
  2. <item name="android:windowActionBarOverlay">true</item>  
  3. <item name="android:background">@color/ab_background_color</item>  
  4. <item name="android:backgroundStacked">@color/ab_backgroundStacked_color</item>  
  5. <item name="android:backgroundSplit">@color/ab_backgroundSplit_color</item>  
  6. </style>  


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. <style name="Widget.Holo.ActionButton" parent="Widget.ActionButton">   
  2. <item name="android:minWidth">56dip</item>   
  3. <item name="android:gravity">center</item>   
  4. <item name="android:paddingLeft">12dip</item>   
  5. <item name="android:paddingRight">12dip</item>   
  6. <item name="android:scaleType">center</item>   
  7. </style>  


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

 

 

  1. <style name="Widget.ActionButton">   
  2. <item name="android:background">?android:attr/actionBarItemBackground</item>   
  3. <item name="android:paddingLeft">12dip</item>   
  4. <item name="android:paddingRight">12dip</item>   
  5. <item name="android:minWidth">56dip</item>   
  6. <item name="android:minHeight">?android:attr/actionBarSize</item>   
  7. </style>  


技术分享

 

android:actionBarItemBackground

定义显示的item选项的背景 Api 14以上可以使用android:itemBackground定义全部Item的背景选项
这俩个选项其实和定义actionBarButtonStyle的背景已经有覆盖 所以用的时候定义一个就行

android:actionBarDivider

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

 

  1. <item name="dividerVertical">@drawable/divider_vertical_dark</item>  


技术分享

 

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

 

  1. <style name="myactionMenuTextAppearance" parent="@android:style/TextAppearance.Holo.Large">  
  2. <item name="android:textSize">20sp</item>  
  3. <item name="android:textStyle">bold</item>  
  4. <item name="android:textAllCaps">true</item>  
  5. </style>  
  6. <item name="android:actionMenuTextAppearance">@style/myactionMenuTextAppearance</item>  
  7. <item name="android:actionMenuTextColor">@color/ab_backgroundStacked_color</item>  


技术分享

 

android:actionBarWidgetTheme 
Navigation tabs
android:actionBarTabStyle
样式属性 actionBarTabStyle 为Tab页的标签定义样式

 

  1. <style name="Widget.Holo.ActionBar.TabView" parent="Widget.ActionBar.TabView">   
  2. <item name="android:background">@drawable/tab_indicator_holo</item>   
  3. <item name="android:paddingLeft">16dip</item>   
  4. <item name="android:paddingRight">16dip</item>   
  5. </style>  

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

 

 

  1. <style name="Widget.Holo.ActionBar.TabBar" parent="Widget.ActionBar.TabBar">   
  2. <item name="android:divider">?android:attr/actionBarDivider</item>   
  3. <item name="android:showDividers">middle</item>   
  4. <item name="android:dividerPadding">12dip</item>   
  5. </style>  


android:actionBarTabTextStyle
样式属性 actionBarTabTextStyle 定义了Tab的文本样式，如下：

 

 

  1. <style name="Widget.Holo.ActionBar.TabText" parent="Widget.ActionBar.TabText">   
  2. <item name="android:textAppearance">@style/TextAppearance.Holo.Medium</item>   
  3. <item name="android:textColor">?android:attr/textColorPrimary</item>   
  4. <item name="android:textSize">12sp</item>   
  5. <item name="android:textStyle">bold</item>   
  6. <item name="android:textAllCaps">true</item>   
  7. <item name="android:ellipsize">marquee</item>   
  8. <item name="android:maxLines">2</item>   
  9. </style>  

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

 

 

  1. <style name="Widget.Holo.Spinner.DropDown.ActionBar">   
  2. <item name="android:background">@android:drawable/spinner_ab_holo_dark</item>   
  3. </style>  


其父样式

 

 

  1. <style name="Widget.Holo.Spinner" parent="Widget.Spinner.DropDown">   
  2. <item name="android:background">@android:drawable/spinner_background_holo_dark</item>   
  3. <item name="android:dropDownSelector">@android:drawable/list_selector_holo_dark</item>   
  4. <item name="android:popupBackground">@android:drawable/menu_dropdown_panel_holo_dark</item>   
  5. <item name="android:dropDownVerticalOffset">0dip</item>   
  6. <item name="android:dropDownHorizontalOffset">0dip</item>   
  7. <item name="android:dropDownWidth">wrap_content</item>   
  8. <item name="android:popupPromptView">@android:layout/simple_dropdown_hint</item>   
  9. <item name="android:gravity">left|center_vertical</item>   
  10. </style>  


说下ActionBar 总体系统提供的样式
样式属性actionBarStyle定义了ActionBar的基本样式。

 

 

  1. <style name="Widget.Holo.ActionBar" parent="Widget.ActionBar">   
  2. <item name="android:titleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Title</item>   
  3. <item name="android:subtitleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Subtitle</item>   
  4. <item name="android:background">@android:drawable/ab_transparent_dark_holo</item>   
  5. <item name="android:backgroundStacked">@android:drawable/ab_stacked_transparent_dark_holo</item>   
  6. <item name="android:backgroundSplit">@android:drawable/ab_bottom_transparent_dark_holo</item>   
  7. <item name="android:divider">?android:attr/dividerVertical</item>   
  8. <item name="android:progressBarStyle">@android:style/Widget.Holo.ProgressBar.Horizontal</item>   
  9. <item name="android:indeterminateProgressStyle">@android:style/Widget.Holo.ProgressBar</item>   
  10. <item name="android:progressBarPadding">32dip</item>   
  11. <item name="android:itemPadding">8dip</item>   
  12. </style>   


其父样式

 

 

      1. <style name="Widget.ActionBar">   
      2. <item name="android:background">@android:drawable/action_bar_background</item>   
      3. <item name="android:displayOptions">useLogo|showHome|showTitle</item>   
      4. <item name="android:divider">@android:drawable/action_bar_divider</item>   
      5. <item name="android:height">?android:attr/actionBarSize</item>   
      6. <item name="android:paddingLeft">0dip</item>   

ActionBar

标签：

原文地址：http://www.cnblogs.com/zhang--xiang/p/4707617.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！