Android UI开发详解之ActionBar .

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

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

package com.xys.actionbar;

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

效果如图:

2、通过Menu.xml文件布局

menu/menu.xml

<?xml version="1.0" encoding="utf-8"?>

  1. <menu xmlns:android="http://schemas.android.com/apk/res/android" >
  2. <item
  3. android:id="@+id/item1"
  4. android:orderInCategory="1"
  5. android:showAsAction="ifRoom|withText"
  6. android:title="@string/save"/>
  7. <item
  8. android:id="@+id/item1"
  9. android:orderInCategory="2"
  10. android:showAsAction="ifRoom|withText"
  11. android:title="@string/edit"/>
  12. </menu>

程序:

public class ActionBarXMLActivity extends Activity {

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

效果和上面一样

四、关于菜单项过多

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

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

七、应用的图标

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

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

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

八、添加活动视图

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

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

package com.xys.actionbar;

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

这样我们就添加了一个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代码中进行实现:

public boolean onCreateOptionsMenu(Menu menu) {

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

效果如图:

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

可拓展的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. @Override
  11. public boolean onMenuItemActionCollapse(MenuItem item) {
  12. // TODO Auto-generated method stub
  13. Toast.makeText(getApplicationContext(),
  14. "onMenuItemActionCollapse", 0).show();
  15. return true;
  16. }
  17. });

5、自定义View

     mCustomView = getLayoutInflater().inflate(

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

九、ActionBar标签

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

package com.xys.actionbar;

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

AB Tab页面:

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

布局:

activity_main.xml:相当于容器

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  1. android:layout_width="fill_parent"
  2. android:layout_height="fill_parent"
  3. android:orientation="vertical" >
  4. <LinearLayout
  5. android:id="@+id/fragment_place"
  6. android:layout_width="match_parent"
  7. android:layout_height="wrap_content" >
  8. </LinearLayout>
  9. </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. <LinearLayout
  6. android:id="@+id/fragment_a"
  7. android:layout_width="match_parent"
  8. android:layout_height="wrap_content" >
  9. </LinearLayout>
  10. </LinearLayout>

显示效果如图:

九-1、下拉模式

前面讲到了

bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)

这次我们使用下拉模式

    public class ActionBarTestActivity extends Activity {

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

xml布局:

<?xml version="1.0" encoding="utf-8"?>

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

fragment:

  public class Ftest extends Fragment

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

效果图如下:

十、ActionBar的美化

1、

<style name="MyActionBar" parent="@android:style/Widget.Holo.ActionBar">

  1. <item name="android:windowActionBarOverlay">true</item>
  2. <item name="android:background">@color/ab_background_color</item>
  3. <item name="android:backgroundStacked">@color/ab_backgroundStacked_color</item>
  4. <item name="android:backgroundSplit">@color/ab_backgroundSplit_color</item>
  5. </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

 <style name="Widget.Holo.ActionButton" parent="Widget.ActionButton">

  1. <item name="android:minWidth">56dip</item>
  2. <item name="android:gravity">center</item>
  3. <item name="android:paddingLeft">12dip</item>
  4. <item name="android:paddingRight">12dip</item>
  5. <item name="android:scaleType">center</item>
  6. </style>

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

     <style name="Widget.ActionButton">

  1. <item name="android:background">?android:attr/actionBarItemBackground</item>
  2. <item name="android:paddingLeft">12dip</item>
  3. <item name="android:paddingRight">12dip</item>
  4. <item name="android:minWidth">56dip</item>
  5. <item name="android:minHeight">?android:attr/actionBarSize</item>
  6. </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页的标签定义样式

  <style name="Widget.Holo.ActionBar.TabView" parent="Widget.ActionBar.TabView">

  1. <item name="android:background">@drawable/tab_indicator_holo</item>
  2. <item name="android:paddingLeft">16dip</item>
  3. <item name="android:paddingRight">16dip</item>
  4. </style>

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

<style name="Widget.Holo.ActionBar.TabBar" parent="Widget.ActionBar.TabBar">

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

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

  <style name="Widget.Holo.ActionBar.TabText" parent="Widget.ActionBar.TabText">

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

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

<style name="Widget.Holo.Spinner.DropDown.ActionBar">

  1. <item name="android:background">@android:drawable/spinner_ab_holo_dark</item>
  2. </style>

其父样式

   <style name="Widget.Holo.Spinner" parent="Widget.Spinner.DropDown">

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

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

    <style name="Widget.Holo.ActionBar" parent="Widget.ActionBar">

  1. <item name="android:titleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Title</item>
  2. <item name="android:subtitleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Subtitle</item>
  3. <item name="android:background">@android:drawable/ab_transparent_dark_holo</item>
  4. <item name="android:backgroundStacked">@android:drawable/ab_stacked_transparent_dark_holo</item>
  5. <item name="android:backgroundSplit">@android:drawable/ab_bottom_transparent_dark_holo</item>
  6. <item name="android:divider">?android:attr/dividerVertical</item>
  7. <item name="android:progressBarStyle">@android:style/Widget.Holo.ProgressBar.Horizontal</item>
  8. <item name="android:indeterminateProgressStyle">@android:style/Widget.Holo.ProgressBar</item>
  9. <item name="android:progressBarPadding">32dip</item>
  10. <item name="android:itemPadding">8dip</item>
  11. </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>
  7. <item name="android:paddingTop">0dip</item>
  8. <item name="android:paddingRight">0dip</item>
  9. <item name="android:paddingBottom">0dip</item>
  10. <item name="android:titleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Title</item>
  11. <item name="android:subtitleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Subtitle</item>
  12. <item name="android:progressBarStyle">@android:style/Widget.ProgressBar.Horizontal</item>
  13. <item name="android:indeterminateProgressStyle">@android:style/Widget.ProgressBar.Small</item>
  14. <item name="android:homeLayout">@android:layout/action_bar_home</item>
  15. </style>
时间: 2024-10-22 04:41:40

Android UI开发详解之ActionBar .的相关文章

Android WebView 开发详解

Android WebView 开发详解 1.概览: Android WebView 做为承载网页的载体控件,他在网页显示的过程中会产生一些事件,并回调给我们的应用程序,以便我们在网页加载过程中做应用程序想处理的事情.比如说客户端需要显示网页加载的进度.网页加载发生错误等等事件. WebView提供两个事件回调类给应用层,分别为WebViewClient,WebChromeClient开发者可以继承这两个类,接手相应事件处理.WebViewClient 主要提供网页加载各个阶段的通知,比如网页开

【转】【Android应用开发详解】第01期:第三方授权认证(一)实现第三方授权登录、分享以及获取用户资料

转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/9057257 由于公司项目的需要,要实现在项目中使用第三方授权登录以及分享文字和图片等这样的效果,几经波折,查阅了一番资料,做了一个Demo.实现起来的效果还是不错的,不敢独享,决定写一个总结的教程,供大家互相交流.学习和参考,博主只求能和大家共同进步.希望能多多支持! 这篇文章中,我们使用到了Share SDK,它是为iOS.Android.WP8的APP提供社会化功能的一

Android相机开发详解(一)

Android相机开发详解(一) 请支持原创,尊重原创,转载请注明出处:http://blog.csdn.net/kangweijian(来自kangweijian的csdn博客) Android相机开发能够实现打开相机,前后摄像头切换,摄像预览,保存图片,浏览已拍照图片等相机功能. Android相机开发详解(一)主要实现打开相机,摄像预览,前后置摄像头切换,保存图片等四个功能. Android相机开发详解(二)主要实现翻页浏览相片,触控缩放浏览图片,删除图片,发送图片等四个功能. Andro

Android开发经典书籍下载——《Android 4高级编程》《疯狂Android讲义》《Android应用开发详解(郭宏志)》《Android应用案例开发大全》《Android 3D游戏开发技术》

这是我收集的关于android开发方面的经典书籍,高清PDF电子版,可以在我的百度网盘免费下载,希望对需要的朋友有帮助. 目录: <Android 4高级编程>(附完整源代码) <疯狂Android讲义> <Android应用开发详解(郭宏志)> <Android应用案例开发大全> <Android 3D游戏开发技术> <Android内核剖析 柯元旦> <深入理解Android  卷1> <深入理解Android

Android WebView 开发详解(一)

转载请注明出处  http://blog.csdn.net/typename/article/details/39030091 powered by meichal zhao 概览: Android WebView在Android平台上是一个特殊的View, 他能用来显示网页,这个类可以被用来在你的app中仅仅显示一张在线的网页,还可以用来开发浏览器.WebView内部实现是采用渲染引擎来展示view的内容,提供网页前进后退,网页放大,缩小,搜索,前端开发者可以使用web inspector(A

Android Widget 开发详解(二)

转载请标明出处:http://blog.csdn.net/sk719887916/article/details/47027263 不少开发项目中都会有widget功能,别小瞧了它,他也是android的七大组件之一,对widget陌生的朋友可以阅读下我的上篇文章< Android Widget工作原理详解(一)> 今天我们就实现一个可以滑动的widet,熟悉下一个普通widget的开发. 一 创建AppWidgetProvider 此类是widget的控制核心,主要控制添加,删除,更新等.他

Android WebView 开发详解(二)

转载请注明出处  http://blog.csdn.net/typename/article/details/39495409 powered by meichal zhao 概览: Android WebView 做为承载网页的载体控件,他在网页显示的过程中会产生一些事件,并回调给我们的应用程序,以便我们在网页加载过程中做应用程序想处理的事情.比如说客户端需要显示网页加载的进度.网页加载发生错误等等事件. WebView提供两个事件回调类给应用层,分别为WebViewClient,WebChr

Android WebView 开发详解(三)

转载请注明出处   http://blog.csdn.net/typename/article/details/40302351 powered by miechal zhao 概览 Android WebView提供展示网页,也提供我们应用程序对网页加载的一些定制,比如我们为了减少网络数据可以设置当前加载的页面不能显示图片,如果是pc网址在pad上访问我们可以提供用户一种概览模式的浏览方式,可以提供放大网页字体等定制功能.Android 提供管理WebView的一些setting的类WebSe

【Android应用开发详解】实现第三方授权登录、分享以及获取用户资料

由于公司项目的需要,要实现在项目中使用第三方授权登录以及分享文字和图片等这样的效果,几经波折,查阅了一番资料,做了一个Demo.实现起来的效果还是不错的,不敢独享,决定写一个总结的教程,供大家互相交流.学习和参考,博主只求能和大家共同进步.希望能多多支持! 这篇文章中,我们使用到了Share SDK,它是为iOS.Android.WP8的APP提供社会化功能的一个组件,目前支持如QQ.微信.新浪微博.腾讯微博.开心网.人人网.豆瓣.网易微博.搜狐微博.facebook.twitter.googl