Android Programming Experience-use Actionbar+fragment+viewpager to dynamically switch menu effects

1. First up

2. The effect of this example is mainly applied when there are multiple tabs on the current page. When making fragment switch, can use different menu style with the content of the current fragment, can greatly add reusability, see, below I will introduce my main steps to achieve this effect

2.1 Since I have 3 styles here, I need to create three files in the Res/menu directory, style1.xml,style2.xml,style3.xml. Here I take style1.xml as an example. Detailed text icon files can be style2.xml,style3.xml similar to the requirements.

Style1.xml source code such as the following:

<menu xmlns:android= "Http://schemas.android.com/apk/res/android" >    <item        android:id= "@+id/ Action_item1 "        android:orderincategory=" "        android:showasaction=" Ifroom|withtext "      android:icon=" @ Drawable/ic_menu_discard "        android:title=" @string/style1 "/></menu>

2.2 Under the Res/layout file to create the corresponding view file activity and fragment, I take activity and one of the fragment example, the rest of us can extrapolate

Activity_main.xml Source Code

<relativelayout xmlns:android= "http://schemas.android.com/apk/res/android"    xmlns:tools= "http// Schemas.android.com/tools "    android:layout_width=" match_parent "    android:layout_height=" Match_parent "    android:paddingbottom= "@dimen/activity_vertical_margin"    android:paddingleft= "@dimen/activity_ Horizontal_margin "    android:paddingright=" @dimen/activity_horizontal_margin "    android:paddingtop=" @dimen /activity_vertical_margin "    tools:context=". Mainactivity ">         <android.support.v4.view.viewpager        android:id=" @+id/viewpager "        android: Layout_width= "Wrap_content"        android:layout_height= "wrap_content"        android:layout_gravity= "center" >    </android.support.v4.view.ViewPager>    </RelativeLayout>

Fragment_first Source Code

<relativelayout xmlns:android= "http://schemas.android.com/apk/res/android"    android:layout_width= "Fill_ Parent "    android:layout_height=" fill_parent "    android:orientation=" vertical "><textview     Android : layout_width= "fill_parent"    android:layout_height= "wrap_content"    android:text= "first fragment"    /> </RelativeLayout>

2.3 Next is the logical implementation, according to the effect I need to create a main logic activity and three fragment logical files, here I just take a fragment example. There are two of the remaining similar

Firstfragment Source code:

Package Com.yqc.menuswitchdemo;import Android.os.bundle;import Android.support.v4.app.fragment;import Android.view.layoutinflater;import Android.view.view;import Android.view.viewgroup;public class FirstFragment Extends Fragment {@Overridepublic View oncreateview (layoutinflater inflater, ViewGroup container,bundle Savedinstancestate) {View Rootview = inflater.inflate (R.layout.fragment_first, Container,false); return rootView;}}

, you need a self-defined adapter when using fragment, the source code such as the following:

Package Com.yqc.menuswitchdemo;import Android.support.v4.app.fragment;import Android.support.v4.app.fragmentmanager;import Android.support.v4.app.fragmentpageradapter;public Class Lffragmentpageradapter extends Fragmentpageradapter {fragment[] fragmentarray;public lffragmentpageradapter ( Fragmentmanager fm,fragment[] fragmentArray2) {super (FM);//TODO auto-generated constructor stubif (null = = FragmentArray2) {This.fragmentarray = new fragment[] {};} else {this.fragmentarray = FragmentArray2;}} @Overridepublic Fragment getItem (int arg0) {//TODO auto-generated method Stubreturn fragmentarray[arg0];} @Overridepublic int GetCount () {//TODO auto-generated method Stubreturn fragmentarray.length;}}

Finally, mainactivity source code:

Package Com.yqc.menuswitchdemo;import Android.os.bundle;import Android.app.actionbar;import Android.app.actionbar.tab;import Android.support.v4.app.fragment;import android.support.v4.app.FragmentActivity; Import Android.support.v4.view.viewpager;import Android.support.v4.view.viewpager.onpagechangelistener;import Android.view.menu;import android.view.menuinflater;import android.view.menuitem;import android.widget.Toast;/** * @ Author Yangqicong Yang Chizun QQ Group 90733929 Welcome Exchange */public Class Mainactivity extends Fragmentactivity {private Viewpager viewpager; Private ActionBar ActionBar; @Overrideprotected void OnCreate (Bundle savedinstancestate) {super.oncreate ( Savedinstancestate); Setcontentview (r.layout.activity_main); Viewpager = (Viewpager) Findviewbyid (R.id.viewpager); Fragment fragment1 = new Firstfragment (); Fragment Fragment2 = new Secondfragment (); Fragment Fragment3 = new Thirdfragment (); fragment[] Fragmentarray = new fragment[] {fragment1, fragment2,fragment3}; Lffragmentpageradapter adapter = New Lffragmentpageradapter (Getsupportfragmentmanager (), Fragmentarray); Viewpager.setadapter (adapter); Viewpager.setoffscreenpagelimit (3); Viewpager.setonpagechangelistener (new Onpagechangelistener () {@Overridepublic void onpageselected (int arg0) {//TODO auto-generated method StubSystem.out.println ("arg0:" + arg0); Actionbar.setselectednavigationitem (arg0);} @Overridepublic void onpagescrolled (int arg0, float arg1, int arg2) {//TODO auto-generated method stub} @Overridepublic vo ID onpagescrollstatechanged (int arg0) {//TODO auto-generated Method stub}}); ActionBar = Getactionbar ();//Set ActionBar Mode: Tab navigation Actionbar.setnavigationmode (actionbar.navigation_mode_tabs);//Actionbar.gettab TAB1 = Actionbar.newtab () . SetText ("tab 1"). SetIcon (Android. R.drawable.ic_menu_agenda). Settablistener (New Actiontablistener (fragment1)); tab TAB2 = Actionbar.newtab (). SetText ("tab 2"). SetIcon (Android. R.drawable.ic_menu_agenda). Settablistener (New Actiontablistener (Fragment2)); tab TAB3 = Actionbar.newtab (). SetText ("Tab 3 "). SetIcon (Android. R.drawable.ic_menu_agenda). Settablistener (New Actiontablistener (FRAGMENT3)); Actionbar.addtab (TAB1); Actionbar.addtab (TAB2); Actionbar.addtab (TAB3);} Class Actiontablistener implements Actionbar.tablistener {//Declaration fragmentprivate Fragment fragment;// Reference the corresponding Fragmentpublic Actiontablistener (Fragment Fragment) {this.fragment = Fragment;} by constructing @Overridepublic void ontabreselected (Tab tab, android.app.FragmentTransaction ft) {//TODO auto-generated method stub}@ overridepublic void ontabselected (Tab tab, android.app.FragmentTransaction ft) {//TODO auto-generated method stub//ft.a DD (Android. R.id.content, fragment, null); mtype = Tab.getposition (); System.out.println ("Tab.getposition ():" + tab.getposition ()); Viewpager.setcurrentitem (Tab.getposition ()); Invalidateoptionsmenu ();} @Overridepublic void ontabunselected (Tab tab, android.app.FragmentTransaction ft) {//TODO auto-generated method stub}}@ Overridepublic boolean Oncreateoptionsmenu (Menu menu) {//Inflate the menu; this adds ITEMs to the Action bar if it is present.getmenuinflater (). Inflate (R.menu.style1, menu); return true;} private int mtype; @Overridepublic boolean onprepareoptionsmenu (Menu menu) {//TODO auto-generated method StubSystem.out.println ("Current mtype:" + mtype); Menu.clear (); Menuinflater inflater = this.getmenuinflater (), switch (mtype) {case 0:inflater.inflate (r.menu.style1, menu); Case 1:inflater.inflate (r.menu.style2, menu), Break;case 2:inflater.inflate (R.menu.style3, menu); return Super.onprepareoptionsmenu (menu);} @Overridepublic boolean onoptionsitemselected (MenuItem Item) {//TODO auto-generated method Stubswitch (Item.getitemid ( ) {Case R.id.action_item1:toast.maketext (this, "Click on the First button", Toast.length_short). Show (); Break;case R.id.action_ Item2:Toast.makeText (This, "clicked on the second button", Toast.length_short). Show (); Break;case R.id.action_item3:toast.maketext (This, "Click on the Third button", Toast.length_short). Show (); break;} return super.onoptionsitemselected (item);}}

3. It is important to note that my mtype is an identity quantity in the Mainactivity master logic. Used to identify the current fragment and then switch. If you have any questions, you are welcome to Exchange

This example of all the source click here, reproduced please indicate the source. Thank you!

Android Programming Experience-use Actionbar+fragment+viewpager to dynamically switch menu effects