向右滑动展示抽屉布局:FlowingDrawer
向右滑动展示抽屉布局, 并具有流动的效果。
下载
Include the following dependency in your build.gradle file.
Gradle:
repositories { jcenter() } dependencies { compile 'com.mxn.soul:flowingdrawer-core:1.1.0' }
V1.1
用法
For a working implementation of this project see theapp/folder.
MainActivity:
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); .... mLeftDrawerLayout = (LeftDrawerLayout) findViewById(R.id.id_drawerlayout); FragmentManager fm = getSupportFragmentManager(); MyMenuFragment mMenuFragment = (MyMenuFragment) fm.findFragmentById(R.id.id_container_menu); FlowingView mFlowingView = (FlowingView) findViewById(R.id.sv); if (mMenuFragment == null) { fm.beginTransaction().add(R.id.id_container_menu, mMenuFragment = new MyMenuFragment()).commit(); } mLeftDrawerLayout.setFluidView(mFlowingView); mLeftDrawerLayout.setMenuFragment(mMenuFragment); ... }
activity_main.xml:
<com.mxn.soul.flowingdrawer_core.LeftDrawerLayout android:id="@+id/id_drawerlayout" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:clipChildren="false" > <!--content--> <android.support.design.widget.CoordinatorLayout android:id="@+id/content" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> </android.support.design.widget.CoordinatorLayout> <!--menu--> <RelativeLayout android:layout_width="280dp" android:layout_height="match_parent" android:layout_gravity="start" android:clipChildren="false" > <com.mxn.soul.flowingdrawer_core.FlowingView android:id="@+id/sv" android:layout_width="match_parent" android:layout_height="match_parent"/> <FrameLayout android:id="@+id/id_container_menu" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:layout_marginRight="25dp" android:paddingRight="10dp" /> </RelativeLayout> </com.mxn.soul.flowingdrawer_core.LeftDrawerLayout>
-
use LeftDrawerLayout as the root of xml.
-
The root has two child, first for content,second for menu.
-
menu'root alse has two child , first for FlowingView to display flowing effects,second for fragment .
-
fragment need to has a 'marginRight', for example 25dp. marginRight here is important . 'marginRight' have effect on drawer's elasticity. The more 'marginRight' is the more elastic. Try to set '10dp', '25dp' ,'50dp' to see the difference.
-
make the fragment of menu extends MenuFragment.
-
pay attention to MenuFragment's onCreateView: return setupReveal(root) ;
@Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_menu, container, false); ....... return setupReveal(view) ; }
-
in MenuFragment'xml ,add 'android:background="@android:color/transparent" '
-
in MainActivity,use
mMenuFragment = new MyMenuFragment(); mLeftDrawerLayout.setFluidView(mFlowingView); mLeftDrawerLayout.setMenuFragment(mMenuFragment);