4、可拓展的Item

看到那个放大镜了,就是一个可拓展试的Item,看xml 中的 menu_collapse。
他有俩个属性是android:actionLayout="@layout/collapsibleview" android:showAsAction="ifRoom|collapseActionView"
android:actionLayout="@layout/collapsibleview" 是点item后拓展成的View
android:showAsAction="collapseActionView"代表他是一个可拓展的Item

[java] view plain copy
  1. Buttonbtnn;
  2. EditTexteditText;
  3. privateShareActionProvidermShareActionProvider;
  4. @Override
  5. publicbooleanonCreateOptionsMenu(Menumenu){
  6. //Inflatethemenu;thisaddsitemstotheactionbarifitispresent.
  7. getMenuInflater().inflate(R.menu.activity_main,menu);
  8. //给可折叠的view上的控件添加事件
  9. LinearLayoutviewGroup=(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(newOnClickListener(){
  14. publicvoidonClick(Viewv){
  15. //TODOAuto-generatedmethodstub
  16. Toast.makeText(getApplicationContext(),
  17. editText.getText()+"~",0).show();
  18. }
  19. });
  20. }

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

[java] view plain copy
  1. MenuItemmenuItem=menu.findItem(R.id.menu_collapse);
  2. menuItem.setOnActionExpandListener(newOnActionExpandListener(){
  3. @Override
  4. publicbooleanonMenuItemActionExpand(MenuItemitem){
  5. //TODOAuto-generatedmethodstub
  6. Toast.makeText(getApplicationContext(),
  7. "onMenuItemActionExpand",0).show();
  8. returntrue;
  9. }
  10. @Override
  11. publicbooleanonMenuItemActionCollapse(MenuItemitem){
  12. //TODOAuto-generatedmethodstub
  13. Toast.makeText(getApplicationContext(),
  14. "onMenuItemActionCollapse",0).show();
  15. returntrue;
  16. }
  17. });

5、自定义View

[java] view plain copy
  1. mCustomView=getLayoutInflater().inflate(
  2. R.layout.action_bar_display_options_custom,null);
  3. mCustomView.setOnClickListener(newOnClickListener(){
  4. @Override
  5. publicvoidonClick(Viewv){
  6. //TODOAuto-generatedmethodstub
  7. Toast.makeText(getApplicationContext(),"自定义view",0).show();
  8. }
  9. });
  10. actionBar.setCustomView(mCustomView,newActionBar.LayoutParams(
  11. LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));

九、ActionBar标签

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

[java] view plain copy
  1. packagecom.xys.actionbar;
  2. importandroid.app.ActionBar;
  3. importandroid.app.ActionBar.Tab;
  4. importandroid.app.Activity;
  5. importandroid.app.Fragment;
  6. importandroid.app.FragmentTransaction;
  7. importandroid.os.Bundle;
  8. publicclassMainActivityextendsActivity
  9. {
  10. /**Calledwhentheactivityisfirstcreated.*/
  11. @Override
  12. publicvoidonCreate(BundlesavedInstanceState)
  13. {
  14. super.onCreate(savedInstanceState);
  15. setContentView(R.layout.activity_main);
  16. ActionBarbar=getActionBar();
  17. //设置为Tab模式
  18. bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
  19. //新建2个Tab
  20. ActionBar.TabtabA=bar.newTab().setText("ATab");
  21. ActionBar.TabtabB=bar.newTab().setText("BTab");
  22. //绑定到Fragment
  23. FragmentfragmentA=newAFragmentTab();
  24. FragmentfragmentB=newBFragmentTab();
  25. tabA.setTabListener(newMyTabsListener(fragmentA));
  26. tabB.setTabListener(newMyTabsListener(fragmentB));
  27. bar.addTab(tabA);
  28. bar.addTab(tabB);
  29. }
  30. protectedclassMyTabsListenerimplementsActionBar.TabListener
  31. {
  32. privateFragmentfragment;
  33. publicMyTabsListener(Fragmentfragment)
  34. {
  35. this.fragment=fragment;
  36. }
  37. @Override
  38. publicvoidonTabSelected(Tabtab,FragmentTransactionft)
  39. {
  40. ft.add(R.id.fragment_place,fragment,null);
  41. }
  42. @Override
  43. publicvoidonTabReselected(Tabarg0,FragmentTransactionarg1){
  44. //TODOAuto-generatedmethodstub
  45. }
  46. @Override
  47. publicvoidonTabUnselected(Tabarg0,FragmentTransactionarg1){
  48. //TODOAuto-generatedmethodstub
  49. }
  50. }
  51. }

AB Tab页面:

[java] view plain copy
  1. packagecom.xys.actionbar;
  2. importandroid.app.Fragment;
  3. importandroid.os.Bundle;
  4. importandroid.view.LayoutInflater;
  5. importandroid.view.View;
  6. importandroid.view.ViewGroup;
  7. publicclassAFragmentTabextendsFragment
  8. {
  9. @Override
  10. publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,
  11. BundlesavedInstanceState)
  12. {
  13. returninflater.inflate(R.layout.fragment_a,container,false);
  14. }
  15. }

布局:

activity_main.xml:相当于容器

[html] view plain copy
  1. <LinearLayoutxmlns: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_place"
  7. android:layout_width="match_parent"
  8. android:layout_height="wrap_content">
  9. </LinearLayout>
  10. </LinearLayout>
fragment_a.xml:每个fragment的布局:

[html] view plain copy
  1. <LinearLayoutxmlns: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、下拉模式

前面讲到了

[java] view plain copy
  1. bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)

这次我们使用下拉模式

[html] view plain copy
  1. publicclassActionBarTestActivityextendsActivity{
  2. /**Calledwhentheactivityisfirstcreated.*/
  3. Buttonbutton1,button2;
  4. ActionBaractionBar;
  5. publicvoidonCreate(BundlesavedInstanceState){
  6. super.onCreate(savedInstanceState);
  7. setContentView(R.layout.main);
  8. actionBar=getActionBar();
  9. //生成一个SpinnerAdapter
  10. SpinnerAdapteradapter=ArrayAdapter.createFromResource(this,R.array.student,android.R.layout.simple_spinner_dropdown_item);
  11. //将ActionBar的操作模型设置为NAVIGATION_MODE_LIST
  12. actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
  13. //为ActionBar设置下拉菜单和监听器
  14. actionBar.setListNavigationCallbacks(adapter,newDropDownListenser());
  15. classDropDownListenserimplementsOnNavigationListener
  16. {
  17. //得到和SpinnerAdapter里一致的字符数组
  18. String[]listNames=getResources().getStringArray(R.array.student);
  19. /*当选择下拉菜单项的时候,将Activity中的内容置换为对应的Fragment*/
  20. publicbooleanonNavigationItemSelected(intitemPosition,longitemId)
  21. {
  22. //生成自定的Fragment
  23. Fteststudent=newFtest();
  24. FragmentManagermanager=getFragmentManager();
  25. FragmentTransactiontransaction=manager.beginTransaction();
  26. //将Activity中的内容替换成对应选择的Fragment
  27. transaction.replace(android.R.id.content,student,listNames[itemPosition]);
  28. transaction.commit();
  29. returntrue;
  30. }

xml布局:

[html] view plain copy
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <resources>
  3. <stringname="hello">HelloWorld,ActionBarTestActivity!</string>
  4. <stringname="app_name">ActionBarTest</string>
  5. <stringname="ActionBar_name">ActionBar下拉菜单</string>
  6. <string-arrayname="student">
  7. <item>item1</item>
  8. <item>item2</item>
  9. <item>item3</item>
  10. <item>item4</item>
  11. </string-array>
  12. </resources>

fragment:

[java] view plain copy
  1. publicclassFtestextendsFragment
  2. {
  3. //Fragment对应的标签,当Fragment依附于Activity时得到
  4. privateStringtag;
  5. @Override
  6. publicvoidonAttach(Activityactivity)
  7. {
  8. super.onAttach(activity);
  9. tag=getTag();
  10. }
  11. @Override
  12. publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState)
  13. {
  14. //Viewview=(View)inflater.inflate(R.layout.ftest,container,false);
  15. //TextViewtextView=(TextView)view.findViewById(R.id.topView);
  16. //textView.setText(tag);
  17. TextViewtextView=newTextView(getActivity());
  18. textView.setText(tag);
  19. returntextView;
  20. }
  21. }

效果图如下:


十、ActionBar的美化

1、

[html] view plain copy
  1. <stylename="MyActionBar"parent="@android:style/Widget.Holo.ActionBar">
  2. <itemname="android:windowActionBarOverlay">true</item>
  3. <itemname="android:background">@color/ab_background_color</item>
  4. <itemname="android:backgroundStacked">@color/ab_backgroundStacked_color</item>
  5. <itemname="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

[html] view plain copy
  1. <stylename="Widget.Holo.ActionButton"parent="Widget.ActionButton">
  2. <itemname="android:minWidth">56dip</item>
  3. <itemname="android:gravity">center</item>
  4. <itemname="android:paddingLeft">12dip</item>
  5. <itemname="android:paddingRight">12dip</item>
  6. <itemname="android:scaleType">center</item>
  7. </style>

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

[html] view plain copy
  1. <stylename="Widget.ActionButton">
  2. <itemname="android:background">?android:attr/actionBarItemBackground</item>
  3. <itemname="android:paddingLeft">12dip</item>
  4. <itemname="android:paddingRight">12dip</item>
  5. <itemname="android:minWidth">56dip</item>
  6. <itemname="android:minHeight">?android:attr/actionBarSize</item>
  7. </style>


android:actionBarItemBackground

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

android:actionBarDivider

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

[html] view plain copy
  1. <itemname="dividerVertical">@drawable/divider_vertical_dark</item>


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

[html] view plain copy
  1. <stylename="myactionMenuTextAppearance"parent="@android:style/TextAppearance.Holo.Large">
  2. <itemname="android:textSize">20sp</item>
  3. <itemname="android:textStyle">bold</item>
  4. <itemname="android:textAllCaps">true</item>
  5. </style>
  6. <itemname="android:actionMenuTextAppearance">@style/myactionMenuTextAppearance</item>
  7. <itemname="android:actionMenuTextColor">@color/ab_backgroundStacked_color</item>


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

[html] view plain copy
  1. <stylename="Widget.Holo.ActionBar.TabView"parent="Widget.ActionBar.TabView">
  2. <itemname="android:background">@drawable/tab_indicator_holo</item>
  3. <itemname="android:paddingLeft">16dip</item>
  4. <itemname="android:paddingRight">16dip</item>
  5. </style>
android:actionBarTabBarStyle
样式属性actionBarTabBarStyle 定义了Tab标签之间分隔条。

[html] view plain copy
  1. <stylename="Widget.Holo.ActionBar.TabBar"parent="Widget.ActionBar.TabBar">
  2. <itemname="android:divider">?android:attr/actionBarDivider</item>
  3. <itemname="android:showDividers">middle</item>
  4. <itemname="android:dividerPadding">12dip</item>
  5. </style>

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

[html] view plain copy
  1. <stylename="Widget.Holo.ActionBar.TabText"parent="Widget.ActionBar.TabText">
  2. <itemname="android:textAppearance">@style/TextAppearance.Holo.Medium</item>
  3. <itemname="android:textColor">?android:attr/textColorPrimary</item>
  4. <itemname="android:textSize">12sp</item>
  5. <itemname="android:textStyle">bold</item>
  6. <itemname="android:textAllCaps">true</item>
  7. <itemname="android:ellipsize">marquee</item>
  8. <itemname="android:maxLines">2</item>
  9. </style>
android:actionDropDownStyle
样式属性 actionDropDownStyle 定义了下拉导航列表的样式,如下:

[html] view plain copy
  1. <stylename="Widget.Holo.Spinner.DropDown.ActionBar">
  2. <itemname="android:background">@android:drawable/spinner_ab_holo_dark</item>
  3. </style>

其父样式

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

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

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

其父样式

[html] view plain copy
  1. <stylename="Widget.ActionBar">
  2. <itemname="android:background">@android:drawable/action_bar_background</item>
  3. <itemname="android:displayOptions">useLogo|showHome|showTitle</item>
  4. <itemname="android:divider">@android:drawable/action_bar_divider</item>
  5. <itemname="android:height">?android:attr/actionBarSize</item>
  6. <itemname="android:paddingLeft">0dip</item>
  7. <itemname="android:paddingTop">0dip</item>
  8. <itemname="android:paddingRight">0dip</item>
  9. <itemname="android:paddingBottom">0dip</item>
  10. <itemname="android:titleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Title</item>
  11. <itemname="android:subtitleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Subtitle</item>
  12. <itemname="android:progressBarStyle">@android:style/Widget.ProgressBar.Horizontal</item>
  13. <itemname="android:indeterminateProgressStyle">@android:style/Widget.ProgressBar.Small</item>
  14. <itemname="android:homeLayout">@android:layout/action_bar_home</item>
  15. </style>

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

更多相关文章

  1. 自定义控件attrs文件里的属性
  2. Android之自定义ListView滚动条样式
  3. 四.Android六种布局详细讲解
  4. Android(安卓)ConstraintLayout 约束布局
  5. ImageView的scaletype属性
  6. Android查看系统信息
  7. 自定义SeekBar主题
  8. 自定义ProgressBar的样式失效
  9. android实现好看的自定义提示框

随机推荐

  1. 安卓全局获取Context
  2. Android(安卓)开源项目集合-不定期更新
  3. Android-HttpsURLConnectionHelp工具类
  4. 长按复制TextView
  5. android WheelView时间选择器
  6. Google play pay 消耗商品 demo
  7. [转]android jni层binder使用/进程通信实
  8. Android(安卓)Java 与 C++ 调用过程中的
  9. How is android.Manifest.class created?
  10. 将网页嵌入到android应用中