`
zxs19861202
  • 浏览: 915225 次
  • 性别: Icon_minigender_1
  • 来自: 湖北—》上海
社区版块
存档分类
最新评论

android actionbar 学习

 
阅读更多

1.Action Bar 介绍

我们能在应用中看见的actionbar一般就是下图的样子,比如快图应用

1.App icon 应用的图标,左侧带应用相当于back返回键

2.ViewControl

3.Action button 相当于普通的Button可以监听点击事件

 

4.Action overflow 三个点,相当于手机上的menu键,可以显示隐藏的action button

下面是一个简单的关于Action Bar的例子:

 

[java] view plaincopy
 
  1. package com.example.demo_actionbarbasic;  
  2. import com.example.demo_actionbarbasic.R;  
  3. import android.app.ActionBar;  
  4. import android.app.Activity;  
  5. import android.content.Intent;  
  6. import android.os.Bundle;  
  7. import android.view.Menu;  
  8. import android.view.MenuItem;  
  9. import android.widget.Toast;  
  10.   
  11. public class MainActivity extends Activity {  
  12.     private MenuItem menuItem = null;  
  13.       
  14.     @Override  
  15.     protected void onCreate(Bundle savedInstanceState) {  
  16.         super.onCreate(savedInstanceState);  
  17.         setContentView(R.layout.activity_main);  
  18.         // 通过hilde()和show()方法可以控制actionbar的隐藏和显示  
  19.         // ActionBar actionBar = getActionBar();  
  20.         // actionBar.hide();  
  21.         // actionBar.show();  
  22.     }  
  23.   
  24.     // 我们可以看到,actonbar的用法跟选项菜单是一样的  
  25.     @Override  
  26.     public boolean onCreateOptionsMenu(Menu menu) {  
  27.         // Inflate the menu; this adds items to the action bar if it is present.  
  28.         getMenuInflater().inflate(R.menu.activity_main, menu);  
  29.         return true;  
  30.     }  
  31.   
  32.     @Override  
  33.     public boolean onOptionsItemSelected(MenuItem item) {  
  34.         switch (item.getItemId()) {  
  35.         case R.id.action_refresh:  
  36.             Toast.makeText(this"Menu Item refresh selected",  
  37.                     Toast.LENGTH_SHORT).show();  
  38.             break;  
  39.         case R.id.action_about:  
  40.             Toast.makeText(this"Menu Item about selected", Toast.LENGTH_SHORT)  
  41.                     .show();  
  42.             break;  
  43.         case R.id.action_edit:  
  44.             Toast.makeText(this"Menu Item edit selected", Toast.LENGTH_SHORT)  
  45.                     .show();  
  46.             break;  
  47.         case R.id.action_search:  
  48.             Toast.makeText(this"Menu Item search selected",  
  49.                     Toast.LENGTH_SHORT).show();  
  50.             break;  
  51.         case R.id.action_help:  
  52.             Toast.makeText(this"Menu Item  settings selected",  
  53.                     Toast.LENGTH_SHORT).show();  
  54.             break;  
  55.         default:  
  56.             break;  
  57.         }  
  58.         return super.onOptionsItemSelected(item);  
  59.     }  
  60. }  

[html] view plaincopy
 
  1. <menu xmlns:android="http://schemas.android.com/apk/res/android" >  
  2.     <item  
  3.         android:id="@+id/menu_settings"  
  4.         android:orderInCategory="100"  
  5.         android:showAsAction="never"  
  6.         android:title="settings"/>  
  7.     <item  
  8.         android:id="@+id/action_refresh"  
  9.         android:icon="@drawable/navigation_refresh"  
  10.         android:orderInCategory="101"  
  11.         android:showAsAction="ifRoom|withText"  
  12.         android:title="refresh"/>  
  13.     <item  
  14.         android:id="@+id/action_about"  
  15.         android:icon="@drawable/action_about"  
  16.         android:orderInCategory="101"  
  17.         android:showAsAction="ifRoom"  
  18.         android:title="about"/>  
  19.     <item  
  20.         android:id="@+id/action_search"  
  21.         android:icon="@drawable/action_search"  
  22.         android:orderInCategory="103"  
  23.         android:showAsAction="ifRoom"/>  
  24.     <item  
  25.         android:id="@+id/action_edit"  
  26.         android:icon="@android:drawable/ic_menu_edit"  
  27.         android:orderInCategory="105"  
  28.         android:showAsAction="ifRoom"  
  29.         android:title="edit"/>  
  30.     <item  
  31.         android:id="@+id/action_help"  
  32.         android:showAsAction="always"  
  33.         android:title="help"/>  
  34.     <item  
  35.         android:id="@+id/action_email"  
  36.         android:icon="@android:drawable/ic_dialog_email"  
  37.         android:orderInCategory="106"  
  38.         android:showAsAction="ifRoom"  
  39.         android:title="email"/>  
  40. </menu>  

onCreateOptionsMenu()方法用来加载menu文件夹中定义的xml文件,用来显示action bar。onOptionsItemSelected()方法用来加入点击事件。

效果图:

 

         

 

 

左图的效果我们看到只能显示两个action button,由于屏幕的空间有限,其他的action button会被隐藏。横屏的时候我们可以显示4个,还有3个被隐藏起来了。当我们按手机上的更多键时可以显示出来关于action button的文字信息,一定要在item标签中加入title属性。

 

 

android:showAsAction="ifRoom"ifRomm表示有空间的时候显示。

android:showAsAction="always"表示总是显示

android:showAsAction="ifRoom|withText"有空间的时候同时显示title标题

其他属性可以自己试试。

 

 

2.显示3个点的更多action button

从上面的代码我们知道,即使我们横屏也显示不出全部action button。我们可以加入3个点的action button来用下拉显示的方式,显示跟多的action button。在网上的信息得知,只要你的手机有menu键actionbar就不会显示3个点的更多或者说3个点的menu按钮。从上面的代码我们知道,即使我们横屏也显示不出全部action button。我们可以加入3个点的action button来用下拉显示的方式,显示跟多的action button。在网上的信息得知,只要你的手机有menu键actionbar就不会显示3个点的更多或者说3个点的menu按钮。

 

[java] view plaincopy
 
  1. private void getOverflowMenu() {  
  2.    
  3.      try {  
  4.         ViewConfiguration config = ViewConfiguration.get(this);  
  5.         Field menuKeyField = ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");  
  6.         if(menuKeyField != null) {  
  7.             menuKeyField.setAccessible(true);  
  8.             menuKeyField.setBoolean(config, false);  
  9.         }  
  10.     } catch (Exception e) {  
  11.         e.printStackTrace();  
  12.     }  
  13. }  

在onCreat()方法中调用这个方法可以显示3个点的menu按钮。下图是按下3个点的action button的效果

 

 


代码:Demo_ActionBar3dot

 

 

动态action button 

 

用到了MenuItem 类的,setActionView()和collapseActionView()这两个方法。 这个例子的效果是当我们点击refresh action button的时候会显示进度条。

 

 

[java] view plaincopy
 
  1. package com.example.demo_actionbar;  
  2.   
  3. import android.app.ActionBar;  
  4. import android.app.Activity;  
  5. import android.content.Intent;  
  6. import android.os.AsyncTask;  
  7. import android.os.Bundle;  
  8. import android.view.KeyEvent;  
  9. import android.view.Menu;  
  10. import android.view.MenuItem;  
  11. import android.widget.EditText;  
  12. import android.widget.ProgressBar;  
  13. import android.widget.TextView;  
  14. import android.widget.TextView.OnEditorActionListener;  
  15. import android.widget.Toast;  
  16.   
  17. public class MainActivity extends Activity {  
  18.   
  19.     private MenuItem menuItem = null;  
  20.   
  21.     @Override  
  22.     protected void onCreate(Bundle savedInstanceState) {  
  23.         super.onCreate(savedInstanceState);  
  24.         setContentView(R.layout.activity_main);  
  25.     }  
  26.   
  27.     @Override  
  28.     public boolean onCreateOptionsMenu(Menu menu) {  
  29.         // Inflate the menu; this adds items to the action bar if it is present.  
  30.         getMenuInflater().inflate(R.menu.activity_main, menu);  
  31.         return true;  
  32.     }  
  33.   
  34.     @Override  
  35.     public boolean onOptionsItemSelected(MenuItem item) {  
  36.         // TODO Auto-generated method stub  
  37.         switch (item.getItemId()) {  
  38.         case R.id.action_refresh:  
  39.             menuItem = item;  
  40.             menuItem.setActionView(R.layout.progressbar);  
  41.             TestTask task = new TestTask();  
  42.             task.execute("test");  
  43.             break;  
  44.         case R.id.action_about:  
  45.             Toast.makeText(this"Menu Item about selected", Toast.LENGTH_SHORT)  
  46.                     .show();  
  47.             break;  
  48.         default:  
  49.             break;  
  50.         }  
  51.         return super.onOptionsItemSelected(item);  
  52.     }  
  53.   
  54.     private class TestTask extends AsyncTask<String, Void, String> {  
  55.   
  56.         @Override  
  57.         protected String doInBackground(String... params) {  
  58.             // Simulate something long running  
  59.             try {  
  60.                 Thread.sleep(2000);  
  61.             } catch (InterruptedException e) {  
  62.                 e.printStackTrace();  
  63.             }  
  64.             return null;  
  65.         }  
  66.   
  67.         @Override  
  68.         protected void onPostExecute(String result) {  
  69.             menuItem.collapseActionView(); // 这个方法需要 API 14 以上  
  70.             menuItem.setActionView(null);  
  71.         }  
  72.     };  
  73. }  

 

 

Actionbar之spinner实现drop-down Navigation

1.首先需要一个SpinnerAdapter设置下拉item的内容和显示的layout

2.实现ActionBar.OnNavigationListener这个接口,接口中有点击item的事件
3.设置navigation mode例如
ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
4.用 setListNavigationCallbacks()方法来实现下拉选项,例如
actionBar.setListNavigationCallbacks(mSpinnerAdapter, mNavigationCallback);

 

效果图:


代码:

 

[java] view plaincopy
 
  1. package in.wptrafficanalyzer.actionbardropdownnavigation;  
  2.   
  3. import android.app.ActionBar;  
  4. import android.app.ActionBar.OnNavigationListener;  
  5. import android.app.Activity;  
  6. import android.os.Bundle;  
  7. import android.widget.ArrayAdapter;  
  8. import android.widget.Toast;  
  9.   
  10. public class MainActivity extends Activity {  
  11.   
  12.     /** An array of strings to populate dropdown list */  
  13.     String[] actions = new String[] { "Bookmark""Subscribe""Share" };  
  14.   
  15.     /** Called when the activity is first created. */  
  16.     @Override  
  17.     public void onCreate(Bundle savedInstanceState) {  
  18.         super.onCreate(savedInstanceState);  
  19.         setContentView(R.layout.main);  
  20.   
  21.         /** Create an array adapter to populate dropdownlist */  
  22.         ArrayAdapter<String> adapter = new ArrayAdapter<String>(  
  23.                 getBaseContext(),  
  24.                 android.R.layout.simple_spinner_dropdown_item, actions);  
  25.   
  26.         /** Enabling dropdown list navigation for the action bar */  
  27.         getActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);  
  28.   
  29.         /** Defining Navigation listener */  
  30.         ActionBar.OnNavigationListener navigationListener = new OnNavigationListener() {  
  31.   
  32.             @Override  
  33.             public boolean onNavigationItemSelected(int itemPosition,  
  34.                     long itemId) {  
  35.                 Toast.makeText(getBaseContext(),  
  36.                         "You selected : " + actions[itemPosition],  
  37.                         Toast.LENGTH_SHORT).show();  
  38.                 return false;  
  39.             }  
  40.         };  
  41.   
  42.         /** 
  43.          * Setting dropdown items and item navigation listener for the actionbar 
  44.          */  
  45.         getActionBar().setListNavigationCallbacks(adapter, navigationListener);  
  46.     }  
  47. }  
代码下载:Demo_ActionBarDropdownNavigation

 

 

Action Bar之Contextual action bar

    

 

两张图,前一张是没有显示contextual action bar 的时候,后面那张是用户长点击EditText显示contextual action bar的效果。contextual action bar 也能加入menu item 并对menu item 进行监听。在contextual action bar 中显示 menu item 需要在 /res/menu/ 文件夹中加入布局文件。

代码:

 

[java] view plaincopy
 
  1. package com.example.demo_actionbarcontextual;  
  2.   
  3. import com.example.demo_actionbarcontextual.R;  
  4. import android.app.Activity;  
  5. import android.os.Bundle;  
  6. import android.view.ActionMode;  
  7. import android.view.Menu;  
  8. import android.view.MenuInflater;  
  9. import android.view.MenuItem;  
  10. import android.view.View;  
  11. import android.widget.Toast;  
  12.   
  13. public class MainActivity extends Activity {  
  14.     protected Object mActionMode;  
  15.   
  16.     @Override  
  17.     public void onCreate(Bundle savedInstanceState) {  
  18.         super.onCreate(savedInstanceState);  
  19.         setContentView(R.layout.activity_main);  
  20.           
  21.         View view = findViewById(R.id.myView);  
  22.           
  23.         // 对EditText设置长点击事件,用来显示 contextual action bar  
  24.         view.setOnLongClickListener(new View.OnLongClickListener() {  
  25.             public boolean onLongClick(View view) {  
  26.                 if (mActionMode != null) {  
  27.                     return false;  
  28.                 }  
  29.   
  30.                 // Start the Contextual Action Bar using the ActionMode.Callback defined above  
  31.                 mActionMode = MainActivity.this  
  32.                         .startActionMode(mActionModeCallback);  
  33.                 view.setSelected(true);  
  34.                 return true;  
  35.             }  
  36.         });  
  37.     }  
  38.   
  39.     @Override  
  40.     public boolean onCreateOptionsMenu(Menu menu) {  
  41.         MenuInflater inflater = getMenuInflater();  
  42.         inflater.inflate(R.menu.mainmenu, menu);  
  43.         return true;  
  44.     }  
  45.   
  46.     @Override  
  47.     public boolean onOptionsItemSelected(MenuItem item) {  
  48.         Toast.makeText(this"Just a test", Toast.LENGTH_SHORT).show();  
  49.         return true;  
  50.     }  
  51.   
  52.     private ActionMode.Callback mActionModeCallback = new ActionMode.Callback() {  
  53.   
  54.         // Called when the action mode is created; startActionMode() was called  
  55.         public boolean onCreateActionMode(ActionMode mode, Menu menu) {  
  56.             // Inflate a menu resource providing context menu items  
  57.             MenuInflater inflater = mode.getMenuInflater();  
  58.             // R.menu.contextual 是 contextual action bar 的布局文件, 在 /res/menu/ 文件夹下  
  59.             inflater.inflate(R.menu.contextual, menu);  
  60.             return true;  
  61.         }  
  62.   
  63.         // Called each time the action mode is shown. Always called after  
  64.         // onCreateActionMode, but  
  65.         // may be called multiple times if the mode is invalidated.  
  66.         public boolean onPrepareActionMode(ActionMode mode, Menu menu) {  
  67.             return false// Return false if nothing is done  
  68.         }  
  69.   
  70.         // 当用户点击 contextual action bar 的 menu item 的时候产生点击事件  
  71.         public boolean onActionItemClicked(ActionMode mode, MenuItem item) {  
  72.             switch (item.getItemId()) {  
  73.             case R.id.toast:  
  74.                 Toast.makeText(MainActivity.this"Selected menu",  
  75.                         Toast.LENGTH_LONG).show();  
  76.                 mode.finish(); // 关闭 contextual action bar  
  77.                 return true;  
  78.             default:  
  79.                 return false;  
  80.             }  
  81.         }  
  82.   
  83.         // Called when the user exits the action mode  
  84.         public void onDestroyActionMode(ActionMode mode) {  
  85.             mActionMode = null;  
  86.         }  
  87.     };  
  88.   
  89. }  
下载:Demo_ActionBarContextual

 

 

Action bar 之 navigation tabs

左图是竖直屏幕的效果,右图是横屏的效果:

  

代码:

 

[java] view plaincopy
 
  1. package de.arvidg.exampleactionbartabs;  
  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.content.Context;  
  9. import android.os.Bundle;  
  10. import android.util.Log;  
  11. import android.view.Menu;  
  12. import android.view.MenuInflater;  
  13. import android.view.MenuItem;  
  14. import android.widget.Toast;  
  15.   
  16. public class StartActivity extends Activity {  
  17.     public static Context appContext;  
  18.   
  19.     /** Called when the activity is first created. */  
  20.     @Override  
  21.     public void onCreate(Bundle savedInstanceState) {  
  22.         super.onCreate(savedInstanceState);  
  23.         setContentView(R.layout.main);  
  24.         appContext = getApplicationContext();  
  25.   
  26.         // ActionBar  
  27.         ActionBar actionbar = getActionBar();  
  28.         // 设置action bar 的 navigation mode   
  29.         actionbar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);  
  30.   
  31.         // 添加 action bar 的 tabs  
  32.         ActionBar.Tab PlayerTab = actionbar.newTab().setText("Fragment A");  
  33.         ActionBar.Tab StationsTab = actionbar.newTab().setText("Fragment B");  
  34.   
  35.         // 实例化 fragment action bar 是用 fragment 来显示的  
  36.         Fragment PlayerFragment = new AFragment();  
  37.         Fragment StationsFragment = new BFragment();  
  38.   
  39.         // 对 tabs 设置监听事件  
  40.         PlayerTab.setTabListener(new MyTabsListener(PlayerFragment));  
  41.         StationsTab.setTabListener(new MyTabsListener(StationsFragment));  
  42.           
  43.         // 最后把 tabs 加入监听事件  
  44.         actionbar.addTab(PlayerTab);  
  45.         actionbar.addTab(StationsTab);  
  46.     }  
  47.   
  48.     @Override  
  49.     public boolean onCreateOptionsMenu(Menu menu) {  
  50.         MenuInflater inflater = getMenuInflater();  
  51.         inflater.inflate(R.menu.main, menu);  
  52.         return true;  
  53.     }  
  54.   
  55.     @Override  
  56.     public boolean onOptionsItemSelected(MenuItem item) {  
  57.         switch (item.getItemId()) {  
  58.         case R.id.menuitem_search:  
  59.             Toast.makeText(appContext, "search", Toast.LENGTH_SHORT).show();  
  60.             return true;  
  61.         case R.id.menuitem_add:  
  62.             Toast.makeText(appContext, "add", Toast.LENGTH_SHORT).show();  
  63.             return true;  
  64.         case R.id.menuitem_share:  
  65.             Toast.makeText(appContext, "share", Toast.LENGTH_SHORT).show();  
  66.             return true;  
  67.         case R.id.menuitem_feedback:  
  68.             Toast.makeText(appContext, "feedback", Toast.LENGTH_SHORT).show();  
  69.             return true;  
  70.         case R.id.menuitem_about:  
  71.             Toast.makeText(appContext, "about", Toast.LENGTH_SHORT).show();  
  72.             return true;  
  73.         case R.id.menuitem_quit:  
  74.             Toast.makeText(appContext, "quit", Toast.LENGTH_SHORT).show();  
  75.             return true;  
  76.         }  
  77.         return false;  
  78.     }  
  79.   
  80.     // @Override  
  81.     // protected void onSaveInstanceState(Bundle outState) {  
  82.     // super.onSaveInstanceState(outState);  
  83.     // outState.putInt("tab", getActionBar().getSelectedNavigationIndex());  
  84.     // }  
  85.   
  86. }  
  87.   
  88. // 实例化 tabs 的监听类   
  89. class MyTabsListener implements ActionBar.TabListener {  
  90.     public Fragment fragment;  
  91.       
  92.     // 传入监听的 tab 的 fragment  
  93.     public MyTabsListener(Fragment fragment) {  
  94.         this.fragment = fragment;  
  95.     }  
  96.   
  97.       
  98.     // 重复两次以上点击 tab  
  99.     @Override  
  100.     public void onTabReselected(Tab tab, FragmentTransaction ft) { // ft 用来控制 fragment  
  101.         Toast.makeText(StartActivity.appContext, "Reselected!",  
  102.                 Toast.LENGTH_SHORT).show();  
  103.     }  
  104.   
  105.     // 就点击一次   
  106.     @Override  
  107.     public void onTabSelected(Tab tab, FragmentTransaction ft) {  
  108.         ft.replace(R.id.fragment_container, fragment);  
  109.     }  
  110.       
  111.     // 不点击  
  112.     @Override  
  113.     public void onTabUnselected(Tab tab, FragmentTransaction ft) {  
  114.         ft.remove(fragment);  
  115.     }  


 

Action bar 之 ShareActionProvider

1.首先要在menu布局文件的item标签中加入
android:actionProviderClass="android.widget.ShareActionProvider"
2.得到ShareActionProvider的实例
provider = (ShareActionProvider) menu.findItem(R.id.menu_share)
.getActionProvider();
3.设置Intent
效果图:

代码:

 

[java] view plaincopy
 
  1. package com.example.demo_shareactionprovider;  
  2.   
  3. import android.os.Bundle;  
  4. import android.app.Activity;  
  5. import android.content.Intent;  
  6. import android.view.Menu;  
  7. import android.view.MenuItem;  
  8. import android.widget.ShareActionProvider;  
  9.   
  10. public class MainActivity extends Activity {  
  11.     ShareActionProvider provider = null;  
  12.   
  13.     @Override  
  14.     protected void onCreate(Bundle savedInstanceState) {  
  15.         super.onCreate(savedInstanceState);  
  16.         setContentView(R.layout.activity_main);  
  17.     }  
  18.   
  19.     @Override  
  20.     public boolean onCreateOptionsMenu(Menu menu) {  
  21.         // Inflate the menu; this adds items to the action bar if it is present.  
  22.         getMenuInflater().inflate(R.menu.activity_main, menu);  
  23.   
  24.           
  25.         // Get the ActionProvider         
  26.         provider = (ShareActionProvider) menu.findItem(R.id.menu_share)  
  27.                 .getActionProvider();  
  28.         // Initialize the share intent  
  29.         Intent intent = new Intent(Intent.ACTION_SEND);  
  30.         intent.setType("text/plain");  
  31.         intent.putExtra(Intent.EXTRA_TEXT, "Text I want to share");  
  32.         provider.setShareIntent(intent);  
  33.   
  34.         return true;  
  35.     }  
  36.       
  37.       
  38.   
  39.     @Override  
  40.     public boolean onOptionsItemSelected(MenuItem item) {  
  41.         switch (item.getItemId()) {  
  42.         case R.id.menu_share:  
  43.             break;  
  44.         default:  
  45.             break;  
  46.         }  
  47.         return super.onOptionsItemSelected(item);  
  48.     }  
  49. }  

 

/res/menu/activity_main.xml

 

[html] view plaincopy
 
  1. <menu xmlns:android="http://schemas.android.com/apk/res/android" >  
  2.   
  3.     <item  
  4.         android:id="@+id/menu_share"  
  5.         android:actionProviderClass="android.widget.ShareActionProvider"  
  6.         android:showAsAction="ifRoom"  
  7.         android:title="Share"/>  
  8.     <item  
  9.         android:id="@+id/item1"  
  10.         android:icon="@android:drawable/ic_menu_call"  
  11.         android:showAsAction="ifRoom"  
  12.         android:title="">  
  13.     </item>  
  14.   
  15. </menu>  

The ShareActionProvider now handles all user interaction with the item and you do not need to handle click events from the onOptionsItemSelected() callback method.
上面是官方文档上给的: 就是说无需在onOptionsItemSelected()这个回调方法中再去处理了。

代码:Demo_ShareActionProvider

 

Action Bar 之 style

你可以用android的style和theme来自定义action bar的风格和主题


android:windowActionBarOverlay 这个属性是用来定义actionbar和其下方视图的位置关系的。默认false,当设置成true时,表示activity layout 就是说你的下方的视图将覆盖整个屏幕。这样设置的好处就是说,当你隐藏action bar的时候,视图不会改变位置。当我们把action bar设置成半透明的时候,我们也能看见其下面的内容,这样的界面对用户来说更加有好。

<SomeView  android:layout_marginTop="?android:attr/actionBarSize" />


上面这个属性可以设置activity layout距离屏幕顶端的距离。这样设置可以防止被action bar覆盖下方内容。

 

 

下面是一个简单的关于如何改变antion bar 字体、分割图片、背景的一个style

 

[html] view plaincopy
 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <!-- the theme applied to the application or activity -->  
  4.     <style name="CustomActivityTheme" parent="@android:style/Theme.Holo">  
  5.         <item name="android:actionBarTabTextStyle">@style/CustomTabTextStyle</item>  
  6.         <item name="android:actionBarDivider">@drawable/ab_divider</item>  
  7.         <item name="android:actionBarItemBackground">@drawable/ab_item_background</item>  
  8.     </style>  
  9.   
  10.     <!-- style for the action bar tab text -->  
  11.     <style name="CustomTabTextStyle" parent="@android:style/TextAppearance.Holo">  
  12.         <item name="android:textColor">#2456c2</item>  
  13.     </style>  
  14. </resources>  

 

能设置的关于action bar的风格(style)的属性有:

android:actionButtonStyle // Defines a style resource for the action item buttons.

android:actionBarItemBackground //Defines a drawable resource for each action item's background. (Addedin API level 14.)

android:itemBackground // Defines a drawable resource for each overflow menu item's background.

android:actionBarDivider // Defines a drawable resource for the divider between action items.(Added in API level 14.)

android:actionMenuTextColor //Defines a color for text that appears in an action item.

android:actionMenuTextAppearance //Defines a style resource for text that appears in an action item.

android:actionBarWidgetTheme //Defines a theme resource for widgets that are inflated into the actionbar as action views. (Added in API level 14.)

 

 

下面的网址是源码中的styles.xml和themes.xml文件,包含了系统中所有的样式和主题。根据自己的需要可以改变action bar的显示风格。

https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/res/res/values/styles.xml

https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/res/res/values/themes.xml

 

例子1:怎么改变tab的字体大小、字体颜色等

 

 

[html] view plaincopy
 
  1. <pre name="code" class="html">在themes.xml文件中关于tab的属性有:</pre><br>  
  2. <br>  
  3. <pre></pre>  
  4. <pre name="code" class="html">android:actionBarTabStyle // Defines a style resource for tabs in the action bar.</pre>android:actionBarTabBarStyle // Defines a style resource for the thin bar that appears below the navigation tabs.<br>  
  5. android:actionBarTabTextStyle //Defines a style resource for text in the navigation tabs.  
  6. <p><br>  
  7. </p>  
  8. <p>在themes.xml文件中找到:</p>  
  9. <p></p>  
  10. <p></p>  
  11. <pre name="code" class="html"><itemnameitemname="actionBarTabTextStyle">@style/Widget.Holo.Light.ActionBar.TabText</item></pre>  
  12. <p></p>  
  13. <p>在style.xml文件中找到</p>  
  14. <pre name="code" class="html"><style name="Widget.Holo.Light.ActionBar.TabText" parent="Widget.Holo.ActionBar.TabText">  
  15. </pre>  
  16. <p><br>  
  17. </p>  
  18. 在style.xml文件中通过Widget.Holo.ActionBar.TabText,我们可以找到下面<br>  
  19. <pre name="code" class="html"><style name="Widget.Holo.ActionBar.TabText" parent="Widget.ActionBar.TabText">  
  20.     <item name="android:textAppearance">@style/TextAppearance.Holo.Medium</item>  
  21.     <item name="android:textColor">?android:attr/textColorPrimary</item>  
  22.     <item name="android:textSize">12sp</item>  
  23.     <item name="android:textStyle">bold</item>  
  24.     <item name="android:textAllCaps">true</item>  
  25.     <item name="android:ellipsize">marquee</item>  
  26.     <item name="android:maxLines">2</item>  
  27. </style>  
  28. </pre>  
  29. <p><br>  
  30. </p>  
  31. <p>下面是我们工程中styles.xml的内容:<br>  
  32. </p>  
  33. <pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>  
  34. <resources xmlns:android="http://schemas.android.com/apk/res/android">  
  35.   
  36.     <style name="CustomActivityThemo" parent="@android:style/Theme.Holo.Light">  
  37.         <item name="android:actionBarTabTextStyle">@style/CustomTabTextStyle</item>  
  38.     </style>  
  39.   
  40.     <style name="CustomTabTextStyle" parent="@android:style/Widget.ActionBar.TabText">  
  41.         <item name="android:textSize">25sp</item>  
  42.         <item name="android:textColor">#FF0000</item>  
  43.         <item name="android:textStyle">italic|bold</item>  
  44.     </style>  
  45.   
  46. </resources>  
  47. </pre><br>  
  48. 我们必须在manifest.xml文件中的activity标签中设置<br>  
  49. <br>  
  50. <p></p>  
  51. <pre name="code" class="html"><activity  
  52.              
  53. <span style="white-space:pre">  </span>android:theme="@style/CustomActivityThemo" ></pre><pre name="code" class="html"><span style="white-space:pre">    </span>....  
  54. </activity>  
  55. </pre>  
  56. <p></p>  
  57. <p><br>  
  58. </p>  
  59. 代码:Demo_ActionBarTabsColor<br>  
  60. <p><br>  
  61. </p>  
  62. <p>例子2:改变action bar中tab的indicator(下面的那条横线)的颜色<br>  
  63. styles.xml文件内容:</p>  
  64. <p><br>  
  65. </p>  
  66. <pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>  
  67. <resources xmlns:android="http://schemas.android.com/apk/res/android">  
  68.   
  69.     <!-- the theme applied to the application or activity -->  
  70.     <style name="CustomActivityTheme" parent="@android:style/Theme.Holo.Light">  
  71.         <item name="android:actionBarTabTextStyle">@style/CustomTabTextStyle</item>  
  72.         <item name="android:actionBarTabBarStyle">@android:color/holo_orange_dark</item>  
  73.         <item name="android:actionBarTabStyle">@style/ActionBarTabStyle.Example</item>  
  74.     </style>  
  75.   
  76.     <!-- style for the action bar tab text -->  
  77.     <style name="CustomTabTextStyle" parent="@android:style/TextAppearance.Holo">  
  78.         <item name="android:textColor">#2456c2</item>  
  79.     </style>  
  80.   
  81.     <style name="ActionBarTabStyle.Example" parent="@android:style/Widget.Holo.Light.ActionBar.TabView">  
  82.         <item name="android:background">@drawable/tab_indicator_ab_example</item>  
  83.     </style>  
  84.   
  85. </resources>  
  86. </pre><br>  
  87. <br>  
  88. <p></p>  
  89. <p>android:background这个属性定义了tab的显示风格,对应的是一个xml文件不是图片<br>  
  90. </p>  
  91. <p></p>  
  92. <p><br>  
  93. </p>  
  94. <p><br>  
  95. </p>  
  96. <p>tab_indicator_ab_example.xml文件的内容:</p>  
  97. <p></p>  
  98. <pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>  
  99. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  100.   
  101.     <!-- Non focused states -->  
  102.     <item android:drawable="@android:color/transparent" android:state_focused="false" android:state_pressed="false" android:state_selected="false"/>  
  103.     <item android:drawable="@drawable/tab_selected_example" android:state_focused="false" android:state_pressed="false" android:state_selected="true"/>  
  104.   
  105.     <!-- Focused states -->  
  106.     <item android:drawable="@drawable/tab_unselected_focused_example" android:state_focused="true" android:state_pressed="false" android:state_selected="false"/>  
  107.     <item android:drawable="@drawable/tab_selected_focused_example" android:state_focused="true" android:state_pressed="false" android:state_selected="true"/>  
  108.   
  109.     <!-- Pressed -->  
  110.     <!-- Non focused states -->  
  111.     <item android:drawable="@drawable/tab_unselected_pressed_example" android:state_focused="false" android:state_pressed="true" android:state_selected="false"/>  
  112.     <item android:drawable="@drawable/tab_selected_pressed_example" android:state_focused="false" android:state_pressed="true" android:state_selected="true"/>  
  113.   
  114.     <!-- Focused states -->  
  115.     <item android:drawable="@drawable/tab_unselected_pressed_example" android:state_focused="true" android:state_pressed="true" android:state_selected="false"/>  
  116.     <item android:drawable="@drawable/tab_selected_pressed_example" android:state_focused="true" android:state_pressed="true" android:state_selected="true"/>  
  117.   
  118. </selector>  
  119. </pre><pre name="code" class="html"></pre>代码:Demo_ActionBarTabsColor<p></p><p>参考文献:</p><p>http://www.vogella.com/articles/AndroidActionBar/article.htmlhttp://developer.android.com/guide/topics/ui/actionbar.html</p><p></p>  

转自:http://blog.csdn.net/android2me/article/details/8874846

 

更多0
分享到:
评论

相关推荐

    Android ActionBar学习源代码

    本文将深入探讨Android ActionBar的学习要点,并通过源代码解析来加深理解。 首先,我们来了解一下ActionBar的基本概念。它是Android 3.0(API Level 11)引入的一个特性,用于提供一个统一的、可定制的顶部导航...

    android ActionBar使用示例

    在Android开发中,ActionBar是一个非常重要的组件,它在Android 4.0(API级别14)及更高版本中被引入,作为应用界面顶部的标准导航和操作区域。在本示例中,我们将深入探讨如何在Android应用程序中使用和自定义...

    android actionbar简单实例

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的关键功能入口。这个“android actionbar简单实例”是针对Android新手或者开发者想要了解和掌握ActionBar基本...

    android-actionbar-master.zip_android_android actionbar组件

    在Android应用开发中,ActionBar是一个非常重要的组件,它位于应用程序界面的顶部,通常包含应用的logo、标题以及一些操作选项。Action Bar为用户提供了一种统一的界面风格,使其与Android系统的其他应用保持一致,...

    Android ActionBar应用实战,高仿微信主界面的设计实例完整源码

    在Android开发中,ActionBar是一个非常重要的组件,它位于应用程序顶部,提供导航、操作以及应用程序的标识。本实例将深入探讨如何使用ActionBar实现类似微信主界面的设计。通过学习这个实例,开发者可以掌握Android...

    android ActionBar 中DrawerLayout学习及Home点击没响应的解决

    这篇博客“android ActionBar 中DrawerLayout学习及Home点击没响应的解决”可能探讨了如何在使用这两者时遇到的问题以及解决方案。 首先,我们来深入理解`ActionBar`。它是Android SDK提供的一种UI元素,用于展示...

    Android自定义ActionBar示例

    总之,自定义ActionBar是提升Android应用用户体验的重要手段,通过学习和实践这个示例,开发者能够更好地理解如何根据自己的需求定制和控制应用的导航区域。务必检查`TestActionBar`中的代码和资源,从中获取实际...

    android actionbar 新增功能

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的常用操作。随着Android版本的更新,ActionBar的功能也在不断扩展和优化,为开发者提供了更多定制化和增强用户...

    Android 弹无虚发之第二弹:Android ActionBar 的其它用法(搜索、分享、隐藏复杂布局,模仿Google Play,微信)

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的多种方式。本文将深入探讨Android ActionBar的其他用法,包括实现搜索功能、分享功能、隐藏复杂布局以及如何...

    android actionbar

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的关键功能区域。这个"android actionbar...通过深入学习和实践,开发者能够创建更加专业且功能丰富的Android应用。

    android写的actionbar的实例

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的常用操作。这个实例资源是专门为Android开发者设计的,旨在帮助他们理解和掌握如何使用ActionBar来提升应用的...

    Android源代码:自定义的actionbar搜索框CustomSearchView-master

    在Android应用开发中,Action Bar...通过学习这个项目,开发者不仅可以掌握如何自定义Action Bar上的搜索框,还能了解到Android UI组件的定制、事件处理、动画制作等多个方面的知识,从而提升自己的Android开发技能。

    郭霖所写的关于ActionBar解析和实战博客中的源码

    在Android应用开发中,ActionBar是一个至关重要的组件,它位于应用程序界面的顶部,提供了一系列功能,如显示应用的标识、提供导航选项以及展示可操作的菜单。郭霖是一位知名的Android开发者和作者,他在他的博客中...

    android actionbar example

    综上所述,"android actionbar example"项目可能包含了如何创建、配置、自定义和使用ActionBar的各种示例,开发者可以通过学习此项目来提高自己的Android应用开发技能,尤其在界面设计和用户体验方面。在实际项目中...

    Android Studio环境下使用ActionBar示例Demo

    在Android应用开发中,`ActionBar`是一个非常重要的组件,它为用户提供了一种统一的应用导航和操作方式。在Android Studio环境中,我们通常...这个示例项目对于学习和解决`ActionBar`使用过程中遇到的问题非常有帮助。

    ActionBar-在Google官方android-support-v7包中的一些使用

    `MyStock`和`MyStock_Library`可能是应用的源代码和库文件,包含具体的实现细节,通过查看这些文件,开发者可以深入学习ActionBar的用法和自定义技巧。 总的来说,Android ActionBar是提升应用界面专业性和用户体验...

    Android ActionBar

    ### Android ActionBar知识点详解 #### 一、ActionBar简介与作用 **ActionBar** 在Android开发中...通过上述知识点的学习,开发者可以更好地理解和运用Android中的ActionBar,从而提高应用程序的可用性和用户体验。

    actionBar一个例子(包括ActionBar.Tab)

    在Android应用开发中,`ActionBar`是一个非常重要的组件,它位于应用程序顶部,提供了一种标准的方式来展示应用的品牌、操作和导航。本示例主要讲解如何使用`ActionBar`,特别是涉及`ActionBar.Tab`来实现多标签页...

    android 3.0以下兼容actionbar例子

    在Android开发中,Action Bar是自Android 3.0(API级别11)引入的一个重要设计元素,它提供了一个统一的界面,用于显示应用程序...通过持续学习和实践,开发者可以熟练掌握这些技术,为更多用户带来优秀的Android应用。

    Pro Android学习:ActionBar小例子

    在"Pro Android学习:ActionBar小例子"中,我们将会探讨如何有效地使用和自定义这个功能强大的工具。 首先,ActionBar是Android 3.0(API级别11)引入的一个特性,为应用提供了一种统一的界面风格,它通常包含应用...

Global site tag (gtag.js) - Google Analytics