ActionBar神奇魅力2
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
- Buttonbtnn;
- EditTexteditText;
- privateShareActionProvidermShareActionProvider;
- @Override
- publicbooleanonCreateOptionsMenu(Menumenu){
- //Inflatethemenu;thisaddsitemstotheactionbarifitispresent.
- getMenuInflater().inflate(R.menu.activity_main,menu);
- //给可折叠的view上的控件添加事件
- LinearLayoutviewGroup=(LinearLayout)menu.findItem(
- R.id.menu_collapse).getActionView();
- btnn=(Button)viewGroup.findViewById(R.id.colla_btn);
- editText=(EditText)viewGroup.findViewById(R.id.colla_edit);
- btnn.setOnClickListener(newOnClickListener(){
- publicvoidonClick(Viewv){
- //TODOAuto-generatedmethodstub
- Toast.makeText(getApplicationContext(),
- editText.getText()+"~",0).show();
- }
- });
- }
可拓展的Item同时还支持一个拓展事件。只有在4.0以后的Api提供:
[java] view plain copy
- MenuItemmenuItem=menu.findItem(R.id.menu_collapse);
- menuItem.setOnActionExpandListener(newOnActionExpandListener(){
- @Override
- publicbooleanonMenuItemActionExpand(MenuItemitem){
- //TODOAuto-generatedmethodstub
- Toast.makeText(getApplicationContext(),
- "onMenuItemActionExpand",0).show();
- returntrue;
- }
- @Override
- publicbooleanonMenuItemActionCollapse(MenuItemitem){
- //TODOAuto-generatedmethodstub
- Toast.makeText(getApplicationContext(),
- "onMenuItemActionCollapse",0).show();
- returntrue;
- }
- });
5、自定义View
[java] view plain copy
- mCustomView=getLayoutInflater().inflate(
- R.layout.action_bar_display_options_custom,null);
- mCustomView.setOnClickListener(newOnClickListener(){
- @Override
- publicvoidonClick(Viewv){
- //TODOAuto-generatedmethodstub
- Toast.makeText(getApplicationContext(),"自定义view",0).show();
- }
- });
- actionBar.setCustomView(mCustomView,newActionBar.LayoutParams(
- LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
九、ActionBar标签
1、ActionBar可以现实选项卡供用户切换浏览该Activity中不同的Fragment
2、每个标签都可以是一个图标或文本标题
[java] view plain copy
- packagecom.xys.actionbar;
- importandroid.app.ActionBar;
- importandroid.app.ActionBar.Tab;
- importandroid.app.Activity;
- importandroid.app.Fragment;
- importandroid.app.FragmentTransaction;
- importandroid.os.Bundle;
- publicclassMainActivityextendsActivity
- {
- /**Calledwhentheactivityisfirstcreated.*/
- @Override
- publicvoidonCreate(BundlesavedInstanceState)
- {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
- ActionBarbar=getActionBar();
- //设置为Tab模式
- bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
- //新建2个Tab
- ActionBar.TabtabA=bar.newTab().setText("ATab");
- ActionBar.TabtabB=bar.newTab().setText("BTab");
- //绑定到Fragment
- FragmentfragmentA=newAFragmentTab();
- FragmentfragmentB=newBFragmentTab();
- tabA.setTabListener(newMyTabsListener(fragmentA));
- tabB.setTabListener(newMyTabsListener(fragmentB));
- bar.addTab(tabA);
- bar.addTab(tabB);
- }
- protectedclassMyTabsListenerimplementsActionBar.TabListener
- {
- privateFragmentfragment;
- publicMyTabsListener(Fragmentfragment)
- {
- this.fragment=fragment;
- }
- @Override
- publicvoidonTabSelected(Tabtab,FragmentTransactionft)
- {
- ft.add(R.id.fragment_place,fragment,null);
- }
- @Override
- publicvoidonTabReselected(Tabarg0,FragmentTransactionarg1){
- //TODOAuto-generatedmethodstub
- }
- @Override
- publicvoidonTabUnselected(Tabarg0,FragmentTransactionarg1){
- //TODOAuto-generatedmethodstub
- }
- }
- }
AB Tab页面:
[java] view plain copy
- packagecom.xys.actionbar;
- importandroid.app.Fragment;
- importandroid.os.Bundle;
- importandroid.view.LayoutInflater;
- importandroid.view.View;
- importandroid.view.ViewGroup;
- publicclassAFragmentTabextendsFragment
- {
- @Override
- publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,
- BundlesavedInstanceState)
- {
- returninflater.inflate(R.layout.fragment_a,container,false);
- }
- }
布局:
activity_main.xml:相当于容器
[html] view plain copy
- <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:orientation="vertical">
- <LinearLayout
- android:id="@+id/fragment_place"
- android:layout_width="match_parent"
- android:layout_height="wrap_content">
- </LinearLayout>
- </LinearLayout>
[html] view plain copy
- <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:orientation="vertical">
- <LinearLayout
- android:id="@+id/fragment_a"
- android:layout_width="match_parent"
- android:layout_height="wrap_content">
- </LinearLayout>
- </LinearLayout>
显示效果如图:
九-1、下拉模式
前面讲到了
[java] view plain copy- bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)
这次我们使用下拉模式
[html] view plain copy
- publicclassActionBarTestActivityextendsActivity{
- /**Calledwhentheactivityisfirstcreated.*/
- Buttonbutton1,button2;
- ActionBaractionBar;
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- actionBar=getActionBar();
- //生成一个SpinnerAdapter
- SpinnerAdapteradapter=ArrayAdapter.createFromResource(this,R.array.student,android.R.layout.simple_spinner_dropdown_item);
- //将ActionBar的操作模型设置为NAVIGATION_MODE_LIST
- actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
- //为ActionBar设置下拉菜单和监听器
- actionBar.setListNavigationCallbacks(adapter,newDropDownListenser());
- classDropDownListenserimplementsOnNavigationListener
- {
- //得到和SpinnerAdapter里一致的字符数组
- String[]listNames=getResources().getStringArray(R.array.student);
- /*当选择下拉菜单项的时候,将Activity中的内容置换为对应的Fragment*/
- publicbooleanonNavigationItemSelected(intitemPosition,longitemId)
- {
- //生成自定的Fragment
- Fteststudent=newFtest();
- FragmentManagermanager=getFragmentManager();
- FragmentTransactiontransaction=manager.beginTransaction();
- //将Activity中的内容替换成对应选择的Fragment
- transaction.replace(android.R.id.content,student,listNames[itemPosition]);
- transaction.commit();
- returntrue;
- }
xml布局:
[html] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <resources>
- <stringname="hello">HelloWorld,ActionBarTestActivity!</string>
- <stringname="app_name">ActionBarTest</string>
- <stringname="ActionBar_name">ActionBar下拉菜单</string>
- <string-arrayname="student">
- <item>item1</item>
- <item>item2</item>
- <item>item3</item>
- <item>item4</item>
- </string-array>
- </resources>
fragment:
[java] view plain copy
- publicclassFtestextendsFragment
- {
- //Fragment对应的标签,当Fragment依附于Activity时得到
- privateStringtag;
- @Override
- publicvoidonAttach(Activityactivity)
- {
- super.onAttach(activity);
- tag=getTag();
- }
- @Override
- publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState)
- {
- //Viewview=(View)inflater.inflate(R.layout.ftest,container,false);
- //TextViewtextView=(TextView)view.findViewById(R.id.topView);
- //textView.setText(tag);
- TextViewtextView=newTextView(getActivity());
- textView.setText(tag);
- returntextView;
- }
- }
效果图如下:
十、ActionBar的美化
1、
[html] view plain copy
- <stylename="MyActionBar"parent="@android:style/Widget.Holo.ActionBar">
- <itemname="android:windowActionBarOverlay">true</item>
- <itemname="android:background">@color/ab_background_color</item>
- <itemname="android:backgroundStacked">@color/ab_backgroundStacked_color</item>
- <itemname="android:backgroundSplit">@color/ab_backgroundSplit_color</item>
- </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
- <stylename="Widget.Holo.ActionButton"parent="Widget.ActionButton">
- <itemname="android:minWidth">56dip</item>
- <itemname="android:gravity">center</item>
- <itemname="android:paddingLeft">12dip</item>
- <itemname="android:paddingRight">12dip</item>
- <itemname="android:scaleType">center</item>
- </style>
从上面的定义看出,它定义了Button的最小宽度、居中样式、左右padding以及图片的放缩方式。再看看该样式的父样式
[html] view plain copy
- <stylename="Widget.ActionButton">
- <itemname="android:background">?android:attr/actionBarItemBackground</item>
- <itemname="android:paddingLeft">12dip</item>
- <itemname="android:paddingRight">12dip</item>
- <itemname="android:minWidth">56dip</item>
- <itemname="android:minHeight">?android:attr/actionBarSize</item>
- </style>
android:actionBarItemBackground
定义显示的item选项的背景 Api 14以上可以使用android:itemBackground定义全部Item的背景选项
这俩个选项其实和定义actionBarButtonStyle的背景已经有覆盖 所以用的时候定义一个就行
android:actionBarDivider
样式属性actionBarDivider定义了ActionBar操作项之间的分隔条。可以看出,它直接引用了另一个ActionBar相关属性 dividerVertical,其定义如下:
[html] view plain copy
- <itemname="dividerVertical">@drawable/divider_vertical_dark</item>
android:actionMenuTextColor
android:actionMenuTextAppearance
这俩个属性是定义menu item 文字大小和颜色
[html] view plain copy
- <stylename="myactionMenuTextAppearance"parent="@android:style/TextAppearance.Holo.Large">
- <itemname="android:textSize">20sp</item>
- <itemname="android:textStyle">bold</item>
- <itemname="android:textAllCaps">true</item>
- </style>
- <itemname="android:actionMenuTextAppearance">@style/myactionMenuTextAppearance</item>
- <itemname="android:actionMenuTextColor">@color/ab_backgroundStacked_color</item>
android:actionBarWidgetTheme
Navigation tabs
android:actionBarTabStyle
样式属性 actionBarTabStyle 为Tab页的标签定义样式
[html] view plain copy
- <stylename="Widget.Holo.ActionBar.TabView"parent="Widget.ActionBar.TabView">
- <itemname="android:background">@drawable/tab_indicator_holo</item>
- <itemname="android:paddingLeft">16dip</item>
- <itemname="android:paddingRight">16dip</item>
- </style>
样式属性actionBarTabBarStyle 定义了Tab标签之间分隔条。
[html] view plain copy
- <stylename="Widget.Holo.ActionBar.TabBar"parent="Widget.ActionBar.TabBar">
- <itemname="android:divider">?android:attr/actionBarDivider</item>
- <itemname="android:showDividers">middle</item>
- <itemname="android:dividerPadding">12dip</item>
- </style>
android:actionBarTabTextStyle
样式属性 actionBarTabTextStyle 定义了Tab的文本样式,如下:
[html] view plain copy
- <stylename="Widget.Holo.ActionBar.TabText"parent="Widget.ActionBar.TabText">
- <itemname="android:textAppearance">@style/TextAppearance.Holo.Medium</item>
- <itemname="android:textColor">?android:attr/textColorPrimary</item>
- <itemname="android:textSize">12sp</item>
- <itemname="android:textStyle">bold</item>
- <itemname="android:textAllCaps">true</item>
- <itemname="android:ellipsize">marquee</item>
- <itemname="android:maxLines">2</item>
- </style>
样式属性 actionDropDownStyle 定义了下拉导航列表的样式,如下:
[html] view plain copy
- <stylename="Widget.Holo.Spinner.DropDown.ActionBar">
- <itemname="android:background">@android:drawable/spinner_ab_holo_dark</item>
- </style>
其父样式
[html] view plain copy
- <stylename="Widget.Holo.Spinner"parent="Widget.Spinner.DropDown">
- <itemname="android:background">@android:drawable/spinner_background_holo_dark</item>
- <itemname="android:dropDownSelector">@android:drawable/list_selector_holo_dark</item>
- <itemname="android:popupBackground">@android:drawable/menu_dropdown_panel_holo_dark</item>
- <itemname="android:dropDownVerticalOffset">0dip</item>
- <itemname="android:dropDownHorizontalOffset">0dip</item>
- <itemname="android:dropDownWidth">wrap_content</item>
- <itemname="android:popupPromptView">@android:layout/simple_dropdown_hint</item>
- <itemname="android:gravity">left|center_vertical</item>
- </style>
说下ActionBar 总体系统提供的样式
样式属性actionBarStyle定义了ActionBar的基本样式。
[html] view plain copy
- <stylename="Widget.Holo.ActionBar"parent="Widget.ActionBar">
- <itemname="android:titleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Title</item>
- <itemname="android:subtitleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Subtitle</item>
- <itemname="android:background">@android:drawable/ab_transparent_dark_holo</item>
- <itemname="android:backgroundStacked">@android:drawable/ab_stacked_transparent_dark_holo</item>
- <itemname="android:backgroundSplit">@android:drawable/ab_bottom_transparent_dark_holo</item>
- <itemname="android:divider">?android:attr/dividerVertical</item>
- <itemname="android:progressBarStyle">@android:style/Widget.Holo.ProgressBar.Horizontal</item>
- <itemname="android:indeterminateProgressStyle">@android:style/Widget.Holo.ProgressBar</item>
- <itemname="android:progressBarPadding">32dip</item>
- <itemname="android:itemPadding">8dip</item>
- </style>
其父样式
[html] view plain copy
- <stylename="Widget.ActionBar">
- <itemname="android:background">@android:drawable/action_bar_background</item>
- <itemname="android:displayOptions">useLogo|showHome|showTitle</item>
- <itemname="android:divider">@android:drawable/action_bar_divider</item>
- <itemname="android:height">?android:attr/actionBarSize</item>
- <itemname="android:paddingLeft">0dip</item>
- <itemname="android:paddingTop">0dip</item>
- <itemname="android:paddingRight">0dip</item>
- <itemname="android:paddingBottom">0dip</item>
- <itemname="android:titleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Title</item>
- <itemname="android:subtitleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Subtitle</item>
- <itemname="android:progressBarStyle">@android:style/Widget.ProgressBar.Horizontal</item>
- <itemname="android:indeterminateProgressStyle">@android:style/Widget.ProgressBar.Small</item>
- <itemname="android:homeLayout">@android:layout/action_bar_home</item>
- </style>
http://blog.csdn.net/x359981514/article/details/8688538
更多相关文章
- 自定义控件attrs文件里的属性
- Android之自定义ListView滚动条样式
- 四.Android六种布局详细讲解
- Android(安卓)ConstraintLayout 约束布局
- ImageView的scaletype属性
- Android查看系统信息
- 自定义SeekBar主题
- 自定义ProgressBar的样式失效
- android实现好看的自定义提示框