SlidingMenu是最常用的几个开源项目之一.
GitHub上的开源项目Slidingmenu提供了最佳的实现:定制灵活、各种阴影和渐变以及动画的滑动效果都不错。不过这是一个开源库,要把它作为library引入到你自己的工程里,简单配置一下就可以实现SlidingMenu的效果。
你可以直接继承app这个包中的SlidingActivity,SlidingFragmentActivity,SlidingListActivity等这几个类去实现这个效果,或直接在项目中初始化SlidingMenu,并进行配置后使用。
SlidingMenu menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowWidthRes(R.dimen.shadow_width); menu.setShadowDrawable(R.drawable.shadow); menu.setBehindOffsetRes(R.dimen.slidingmenu_offset); menu.setFadeDegree(0.35f); menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT); <span style="white-space:pre"> </span>menu.setMenu(R.layout.menu);其中可以在setMenu()前这样实现:
View view = LayoutInflater.from(this).inflate(R.layout.menu, null);
menu.setMenu(view);
这样就可以直接操作menu布局中的控件了。
<span style="white-space:pre"> </span>// 设置存放侧滑栏的容器的布局文件 setBehindContentView(R.layout.menu); // 将侧滑栏的fragment类填充到侧滑栏的容器的布局文件中 FragmentTransaction transaction = getSupportFragmentManager().beginTransaction(); Fragment fragment = new MenuFragment(); transaction.replace(R.id.menu_fragment, fragment); transaction.commit(); SlidingMenu sm = getSlidingMenu(); sm.setShadowWidth(0); sm.setShadowDrawable(R.drawable.shadow); // 设置侧滑栏完全展开之后,距离另外一边的距离,单位px,设置的越大,侧滑栏的宽度越小 sm.setBehindOffset(100); // 设置渐变的程度,范围是0-1.0f,设置的越大,则在侧滑栏刚划出的时候,颜色就越暗。1.0f的时候,颜色为全黑 sm.setFadeDegree(0.3f); // 设置触摸模式,可以选择全屏划出,或者是边缘划出,或者是不可划出 sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); //设置actionBar能否跟随侧滑栏移动,如果没有,则可以去掉 setSlidingActionBarEnabled(false);
<span style="white-space:pre"> </span>// 设置左边的侧滑栏 getSlidingMenu().setMode(SlidingMenu.LEFT_RIGHT); getSlidingMenu().setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); setContentView(R.layout.content_frame); getSupportFragmentManager().beginTransaction() .replace(R.id.content_frame, new SampleListFragment()).commit(); // 设置右边的侧滑栏 getSlidingMenu().setSecondaryMenu(R.layout.menu_frame_two); getSlidingMenu().setSecondaryShadowDrawable(R.drawable.shadowright); getSupportFragmentManager().beginTransaction() .replace(R.id.menu_frame_two, new SampleListFragment()) .commit();
new CanvasTransformer() { @Override public void transformCanvas(Canvas canvas, float percentOpen) { canvas.scale(percentOpen, 1, 0, 0); } }
new CanvasTransformer() { @Override public void transformCanvas(Canvas canvas, float percentOpen) { float scale = (float) (percentOpen*0.25 + 0.75); canvas.scale(scale, scale, canvas.getWidth()/2, canvas.getHeight()/2); }上升动画:
private static Interpolator interp = new Interpolator() { @Override public float getInterpolation(float t) { t -= 1.0f; return t * t * t + 1.0f; } }; new CanvasTransformer() { @Override public void transformCanvas(Canvas canvas, float percentOpen) { canvas.translate(0, canvas.getHeight()*(1-interp.getInterpolation(percentOpen))); } }
原文地址:http://blog.csdn.net/dsc114/article/details/42496265