android actionbar viewpager 实现类微信主界面布局

  

1 Activity

public class MainActivity extends FragmentActivity {

    private ViewPager pager;

    private ActionBar actionBar;

    private Menu menu;

    private Class<?>[] classes;

    private String[] titles;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        classes = new Class<?>[] { MyAppFragment.class,

                AppCenterFragment.class, ToDoFragment.class };



        titles = new String[] { "我的应用", "应用中心", "待办" };



        pager = (ViewPager) findViewById(R.id.pager);

        pager.setAdapter(new ViewPagerAdapter(getSupportFragmentManager()));

        pager.setOnPageChangeListener(new OnPageChangeListener() {



            @Override

            public void onPageSelected(int position) {

                // viewpager 翻页时选中相应的 tab

                actionBar.setSelectedNavigationItem(position);

            }



            @Override

            public void onPageScrolled(int position, float arg1, int arg2) {



            }



            @Override

            public void onPageScrollStateChanged(int position) {

            }

        });



        actionBar = getActionBar();

        actionBar.setBackgroundDrawable(new ColorDrawable(Color.GRAY));

        // actionBar.setDisplayHomeAsUpEnabled(true);

        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        ActionBar.TabListener tabListener = new ActionBar.TabListener() {

            @Override

            public void onTabSelected(Tab tab,

                    android.app.FragmentTransaction ft) {

                // 点击 tab 时选中相应的 viewpager 页面

                pager.setCurrentItem(tab.getPosition());

            }



            @Override

            public void onTabUnselected(Tab tab,

                    android.app.FragmentTransaction ft) {



            }



            @Override

            public void onTabReselected(Tab tab,

                    android.app.FragmentTransaction ft) {



            }

        };



        for (int i = 0; i < titles.length; i++) {

            actionBar.addTab(actionBar.newTab().setText(titles[i])

                    .setTabListener(tabListener));

        }

    }



    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        MenuInflater inflater = getMenuInflater();

        inflater.inflate(R.menu.main, menu);

        this.menu = menu;



        return super.onCreateOptionsMenu(menu);

    }



    @Override

    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()) {

        case R.id.menu_add:

            Toast.makeText(this, "Add", Toast.LENGTH_SHORT).show();

            break;

        case R.id.menu_theme:

            Toast.makeText(this, "更换主题", Toast.LENGTH_SHORT).show();

            break;

        case R.id.menu_system:

            Toast.makeText(this, "系统设置", Toast.LENGTH_SHORT).show();

            break;

        case R.id.menu_uninstall:

            Toast.makeText(this, "卸载应用", Toast.LENGTH_SHORT).show();

            break;

        }



        return true;

    }



    @Override

    public boolean onKeyUp(int keyCode, KeyEvent event) {



        if (keyCode == KeyEvent.KEYCODE_MENU) {

            // 按 menu 键时触发一下 button 的 action 事件

            menu.performIdentifierAction(R.id.menu_more,

                    Menu.FLAG_PERFORM_NO_CLOSE);

            return true;

        }



        return super.onKeyUp(keyCode, event);

    }



    class ViewPagerAdapter extends FragmentPagerAdapter {



        public ViewPagerAdapter(FragmentManager fm) {

            super(fm);

        }



        @Override

        public Fragment getItem(int position) {

            Fragment fragment = null;



            try {

                fragment = (Fragment) classes[position].newInstance();

            } catch (InstantiationException e) {

                e.printStackTrace();

            } catch (IllegalAccessException e) {

                e.printStackTrace();

            }



            return fragment;

        }



        @Override

        public int getCount() {

            return classes.length;

        }

    }

}

2 menu 布局文件

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



    <item

        android:id="@+id/menu_more"

        android:icon="@drawable/menu_more"

        android:orderInCategory="100"

        android:showAsAction="ifRoom"

        android:title="">

        <menu>

            <item

                android:id="@+id/menu_theme"

                android:icon="@drawable/ic_launcher"

                android:showAsAction="always|withText"

                android:title="更换主题"/>

            <item

                android:id="@+id/menu_system"

                android:icon="@drawable/ic_launcher"

                android:showAsAction="always|withText"

                android:title="系统设置"/>

            <item

                android:id="@+id/menu_uninstall"

                android:icon="@drawable/ic_launcher"

                android:showAsAction="always|withText"

                android:title="卸载应用"/>

        </menu>

    </item>

    <item

        android:id="@+id/menu_add"

        android:icon="@drawable/menu_add"

        android:orderInCategory="90"

        android:showAsAction="ifRoom"

        android:title="Add">

    </item>



</menu>

 

DEMO 下载