DrawerLayout 的使用

来源：互联网发布：灰度共生矩阵 svm 编辑：程序博客网时间：2024/06/05 14:08

drawerLayout是Support Library包中实现了侧滑菜单效果的控件，可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后，google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。

实例一：

[java] view plain copy
 print?
public class DrawerBasicActivity extends AppCompatActivity {  
    private ListView mLv;  
    private DrawerLayout drawerLayout;  
    private FrameLayout mContentLayout;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_drawer_basic);  
        mLv = (ListView) findViewById(R.id.left_lv);  
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);  
        mContentLayout = (FrameLayout) findViewById(R.id.drawer_content);  
  
        drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {  
            @Override  
            public void onDrawerSlide(View drawerView, float slideOffset) {  
                //抽屉滑动式回调的方法  
                Log.i("tag","---onDrawerSlide---"+slideOffset);  
            }  
  
            @Override  
            public void onDrawerOpened(View drawerView) {  
                //抽屉打开时会回调的方法  
                Log.i("tag","---onDrawerOpened---");  
            }  
  
            @Override  
            public void onDrawerClosed(View drawerView) {  
                Log.i("tag","---onDrawerClosed---");  
            }  
  
            @Override  
            public void onDrawerStateChanged(int newState) {  
                //抽屉的状态改变时会回调的方法  
                Log.i("tag","---onDrawerStateChanged---");  
            }  
        });  
    }  
  
    public void open(View view) {  
        drawerLayout.openDrawer(mLv);  
    }  
}  

[html] view plain copy
 print?
<android.support.v4.widget.DrawerLayout  
       android:id="@+id/drawer_layout"  
       android:layout_height="match_parent"  
       android:layout_width="match_parent">  
       <FrameLayout  
           android:id="@+id/drawer_content"  
           android:layout_width="match_parent"  
           android:layout_height="match_parent"  
           android:background="#00ffff">  
           <Button  
               android:id="@+id/open"  
               android:layout_width="match_parent"  
               android:layout_height="wrap_content"  
               android:text="打开抽屉"  
               android:onClick="open"/>  
       </FrameLayout>  
       <ListView  
           android:id="@+id/left_lv"  
           android:layout_width="200dp"  
           android:layout_height="match_parent"  
           android:layout_gravity="left"  
           android:background="@color/red"  
           android:entries="@array/books"></ListView>  
   </android.support.v4.widget.DrawerLayout>  

效果：

实例二：与fragment使用

[java] view plain copy
 print?
public class DrawerFragmentActivity extends AppCompatActivity {  
  
    private LeftFragment leftFragment;  
    private RightFragment rightFragment;  
    private DrawerLayout drawer;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.content_drawer_fragment);  
        drawer = (DrawerLayout) findViewById(R.id.drawer);  
        initView();  
    }  
  
    private void initView(){  
        leftFragment = new LeftFragment();  
        getFragmentManager().beginTransaction().replace(R.id.left_menu,leftFragment).commit();  
        rightFragment = new RightFragment();  
        getFragmentManager().beginTransaction().replace(R.id.right_menu,rightFragment).commit();  
  
    }  
  
    public void open(View view) {  
  
        switch (view.getId()) {  
            case R.id.openleft:  
                if (drawer.isDrawerOpen(Gravity.LEFT)){  
                    drawer.closeDrawer(Gravity.LEFT);  
                }else {  
                    drawer.openDrawer(Gravity.LEFT);  
                }  
  
                break;  
            case R.id.openright:  
                if (drawer.isDrawerOpen(Gravity.RIGHT)){  
                    drawer.closeDrawer(Gravity.RIGHT);  
                }else {  
                    drawer.openDrawer(Gravity.RIGHT);  
                }  
  
                break;  
        }  
    }  
}  

[html] view plain copy
 print?
<RelativeLayout  
        android:id="@+id/title"  
        android:layout_width="match_parent"  
        android:layout_height="60dp"  
        android:background="#000000">  
        <Button  
            android:id="@+id/openleft"  
            android:onClick="open"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="左边"/>  
        <Button  
            android:id="@+id/openright"  
            android:onClick="open"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="右边"  
            android:layout_alignParentRight="true"/>  
    </RelativeLayout>  
    <android.support.v4.widget.DrawerLayout  
        android:id="@+id/drawer"  
        android:layout_height="match_parent"  
        android:layout_width="match_parent"  
        android:layout_below="@+id/title">  
        <LinearLayout  
            android:id="@+id/content_layout"  
            android:layout_width="match_parent"  
            android:layout_height="match_parent"  
            android:orientation="vertical"  
            android:background="@mipmap/www">  
  
        </LinearLayout>  
        <RelativeLayout  
            android:id="@+id/left_menu"  
            android:layout_width="200dp"  
            android:layout_height="match_parent"  
            android:layout_gravity="left"  
            ></RelativeLayout>  
  
        <RelativeLayout  
            android:id="@+id/right_menu"  
            android:layout_width="240dp"  
            android:layout_height="match_parent"  
            android:layout_gravity="right"  
            ></RelativeLayout>  
    </android.support.v4.widget.DrawerLayout>  

效果：

0 0