【Andord实战】SlideMenu+ViewPagerIndictor滑动侧边双栏+滑动导航栏

采用SlideMenu实现侧边栏的效果：

其中

setContentView是设置主背景的布局

setBehindContentView是设置左边菜单的布局

setSecondaryMenu是设置右边的布局

setShadowWidth是设置阴影的宽度

setBehindWidth是设置有效的拉出宽度

setMode是设置开启左右两边的菜单

采用ViewPagerIndictor实现滑动的导航栏和页面布局

其中采用TabPageIndicator做可滑动导航栏

ViewPager做滑动的布局

首先要设置导航栏的样式

    <style name="HomeUpTheme" parent="android:Theme.Holo.Light.DarkActionBar"><item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item></style><style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator"><item name="android:dividerPadding">10dp</item><item name="android:paddingLeft">20dp</item><item name="android:paddingRight">20dp</item><item name="android:paddingTop">10dp</item><item name="android:paddingBottom">10dp</item><item name="android:textSize">10pt</item><item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item><item name="android:textColor">#000000</item><item name="android:fadingEdge">horizontal</item><item name="android:fadingEdgeLength">8dp</item><item name="android:background">@drawable/selectitle</item><item name="android:gravity">center</item></style>

布局适配器PagerAdapter重写instantiateItem方法

碎片适配器FragmentStatePagerAdapter重写Fragment getItem()的方法

最后把两者关联起来

indicatorView.setViewPager(pager);

完整代码：

public class MainAct extends SlidingActivity {SlidingMenu slidingMenu;TabPageIndicator indicatorView;ViewPager pager;@Overridepublic void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setBehindContentView(R.layout.slide_behind);setContentView(R.layout.slide_main);slidingMenu = getSlidingMenu();slidingMenu.setBehindOffset(300);slidingMenu.setBehindWidth(400);slidingMenu.setSecondaryMenu(R.layout.slide_second);// slidingMenu.setTouchModeAbove(SlidingMenu.LEFT_RIGHT);slidingMenu.setShadowWidth(100);slidingMenu.setMode(SlidingMenu.LEFT_RIGHT);indicatorView = (TabPageIndicator) findViewById(R.id.indicator);pager = (ViewPager) findViewById(R.id.pager);pager.setAdapter(new Myadapter());pager.setOffscreenPageLimit(8);indicatorView.setOnTabReselectedListener(new OnTabReselectedListener() {@Overridepublic void onTabReselected(int position) {Toast.makeText(getApplicationContext(), position + "", 3000).show();// TODO Auto-generated method stubpager.setCurrentItem(position);}});pager.setCurrentItem(0);indicatorView.setViewPager(pager);indicatorView.setClickable(true);}class Myadapter extends PagerAdapter {@Overridepublic int getCount() {// TODO Auto-generated method stubreturn 8;}@Overridepublic CharSequence getPageTitle(int position) {// TODO Auto-generated method stubreturn "--" + position + "--";}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {// TODO Auto-generated method stub((ViewPager) container).removeViewAt(position);super.destroyItem(container, position, object);}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {// TODO Auto-generated method stubreturn arg0 == arg1;}@Overridepublic Object instantiateItem(ViewGroup container, int position) {// TODO Auto-generated method stubImageView imageView = new ImageView(getApplicationContext());imageView.setImageBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.flower));container.addView(imageView);return imageView;// return super.instantiateItem(container, position);}}}