Android之侧滑菜单DrawerLayout的使用介绍

 更新时间:2017年02月18日 18:43:18   作者:切切歆语  
本篇文章主要介绍了Android之侧滑菜单DrawerLayout的使用介绍,可以生成通过在屏幕上水平滑动打开或者关闭菜单,能给用户一个不错的体验效果

在android support.v4 中有一个抽屉视图控件DrawerLayout。使用这个控件,可以生成通过在屏幕上水平滑动打开或者关闭菜单,能给用户一个不错的体验效果。

DrawerLayout分为侧边菜单和主内容区两部分,侧边菜单可以根据手势展开与隐藏,主内容区的部分可以随着菜单的点击而变化。DrawerLayout其实是一个控件,跟LinearLayout差不多,直接使用即可。

DrawerLayout属性

1、drawerPosition:指定 drawer 将从屏幕的一侧滑动。

2、drawerWidth :指定 drawer 的宽度,即从窗口的边缘拉到视图更精确的宽度。

3、keyboardDismissMode :确定键盘是否响应拖动被驳回。

  • 'none' (默认值), 拖动不影响键盘。
  • 'on-drag', 拖动开始,键盘被驳回。

4、onDrawerClose :导航视图关闭时调用函数。

5、onDrawerOpen :导航视图打开时调用函数。

6、onDrawerSlide :与导航视图交互时调用函数。

7、onDrawerStateChanged :当 Drawer 状态发生变化时调用函数,drawer 有 3 种状态: 

  •  idle -- 表示与导航视图没有交互
  •  dragging -- 表示目前有与导航视图的交互
  •  settling -- 表示有与导航视图的交互,并且导航视图正在的关闭或打开。

8、renderNavigationView :导航图将被渲染到屏幕的一侧,并且可以拉出。

案例

使用导入依赖库

compile 'com.android.support:appcompat-v7:24.2.1' 

布局文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/v4_drawerlayout"
  android:layout_width="match_parent"
  android:layout_height="match_parent">

  <FrameLayout
    android:id="@+id/v4_drawerlayout_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <TextView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:id="@+id/v4_text"
      android:textSize="22sp"
      android:textColor="@color/colorAccent"
      android:gravity="center"
      />
  </FrameLayout>

  <ListView
    android:layout_width="200dp"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:id="@+id/v4_listview"
    android:choiceMode="singleChoice"
    android:background="@android:color/white" />

</android.support.v4.widget.DrawerLayout> 

Activity

public class DrawerActivity extends AppCompatActivity {

  private ListView listView;

  private DrawerLayout drawerLayout;

  private TextView textView;

  @Override
  protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.drawer_activity);
    initView();
  }

  private void initView()
  {
    listView=(ListView) findViewById(R.id.v4_listview);
    drawerLayout=(DrawerLayout) findViewById(R.id.v4_drawerlayout);
    textView=(TextView) findViewById(R.id.v4_text);
    initDate();
  }

  private void initDate(){
    final List<String> list = new ArrayList<String>();
    list.add("网易");
    list.add("腾讯");
    list.add("新浪");
    list.add("搜狐");
    ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, list);
    listView.setAdapter(adapter);
    listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        textView.setText(list.get(position));
        showDrawerLayout();
      }
    });
    drawerLayout.openDrawer(Gravity.LEFT);//侧滑打开 不设置则不会默认打开
  }

  private void showDrawerLayout() {
    if (!drawerLayout.isDrawerOpen(Gravity.LEFT)) {
      drawerLayout.openDrawer(Gravity.LEFT);
    } else {
      drawerLayout.closeDrawer(Gravity.LEFT);
    }
  }
} 

运行效果如图:

下载地址:Drawerlayout_jb51.rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

最新评论