快捷導(dǎo)航

Android之側(cè)滑菜單DrawerLayout的使用介紹

更新時(shí)間：2017年02月18日 18:43:18 作者：切切歆語

本篇文章主要介紹了Android之側(cè)滑菜單DrawerLayout的使用介紹，可以生成通過在屏幕上水平滑動(dòng)打開或者關(guān)閉菜單，能給用戶一個(gè)不錯(cuò)的體驗(yàn)效果

在android support.v4 中有一個(gè)抽屜視圖控件DrawerLayout。使用這個(gè)控件，可以生成通過在屏幕上水平滑動(dòng)打開或者關(guān)閉菜單，能給用戶一個(gè)不錯(cuò)的體驗(yàn)效果。

DrawerLayout分為側(cè)邊菜單和主內(nèi)容區(qū)兩部分，側(cè)邊菜單可以根據(jù)手勢(shì)展開與隱藏，主內(nèi)容區(qū)的部分可以隨著菜單的點(diǎn)擊而變化。DrawerLayout其實(shí)是一個(gè)控件，跟LinearLayout差不多，直接使用即可。

DrawerLayout屬性

1、drawerPosition：指定 drawer 將從屏幕的一側(cè)滑動(dòng)。

2、drawerWidth :指定 drawer 的寬度，即從窗口的邊緣拉到視圖更精確的寬度。

3、keyboardDismissMode :確定鍵盤是否響應(yīng)拖動(dòng)被駁回。

'none' (默認(rèn)值), 拖動(dòng)不影響鍵盤。
'on-drag', 拖動(dòng)開始，鍵盤被駁回。

4、onDrawerClose :導(dǎo)航視圖關(guān)閉時(shí)調(diào)用函數(shù)。

5、onDrawerOpen :導(dǎo)航視圖打開時(shí)調(diào)用函數(shù)。

6、onDrawerSlide ：與導(dǎo)航視圖交互時(shí)調(diào)用函數(shù)。

7、onDrawerStateChanged ：當(dāng) Drawer 狀態(tài)發(fā)生變化時(shí)調(diào)用函數(shù)，drawer 有 3 種狀態(tài):

idle -- 表示與導(dǎo)航視圖沒有交互
dragging -- 表示目前有與導(dǎo)航視圖的交互
settling -- 表示有與導(dǎo)航視圖的交互，并且導(dǎo)航視圖正在的關(guān)閉或打開。

8、renderNavigationView ：導(dǎo)航圖將被渲染到屏幕的一側(cè)，并且可以拉出。

案例

使用導(dǎo)入依賴庫

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("網(wǎng)易");
    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);//側(cè)滑打開 不設(shè)置則不會(huì)默認(rèn)打開
  }

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

運(yùn)行效果如圖：