Home > Java > javaTutorial > body text

Android DrawerLayout implements drawer effect example code

高洛峰
Release: 2017-01-07 14:17:57
Original
1664 people have browsed it

Official website: https://developer.android.com/training/implementing-navigation/nav-drawer.html

Paste the main logic and layout files:

activity_main.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/drawer_layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"> 
  <!-- content --> 
  <FrameLayout 
    android:id="@+id/drawer_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/> 
  <!-- Drawer--> 
  <ListView 
    android:id="@+id/drawer_menu"
    android:layout_width="240dp"
    android:layout_height="match_parent"
    android:background="#FFF0F0F0"
    android:layout_gravity="start"/> 
  <!--   
    android:choiceMode    选中状态 跟onItemClick没有冲突  
        none       值为0,表示无选择模式;   
        singleChoice   值为1,表示最多可以有一项被选中;  
        multipleChoice  值为2,表示可以多项被选中。  
    android:layout_gravity left或right left或start  right或end  
      表示在抽屉里的效果是从左到右还是从右到左出现  
  --> 
</android.support.v4.widget.DrawerLayout>
Copy after login

Something to note here: the main content interface must be defined in front of the drawer. In addition, Android:layout_gravity="start" (from left to right) or android:layout_gravity="end" (from right to Left), this attribute must be defined, otherwise the following exception will occur:

Android DrawerLayout实现抽屉效果实例代码

MainActivity.java

package com.jackie.drawerlayoutdemo; 
import android.os.Bundle; 
import android.support.v4.widget.DrawerLayout; 
import android.support.v7.app.AppCompatActivity; 
import android.view.View; 
import android.widget.AdapterView; 
import android.widget.ArrayAdapter; 
import android.widget.ListView; 
import android.widget.TextView; 
public class MainActivity extends AppCompatActivity { 
  private String mTitle; 
  private DrawerLayout mDrawerLayout; 
  private ListView mDrawerMenu; 
  @Override
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
    initView(); 
    initData(); 
    //默认打开抽屉 
    mDrawerLayout.openDrawer(mDrawerMenu); 
  } 
  private void initView() { 
    mTitle = getResources().getString(R.string.app_name); 
    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); 
    mDrawerMenu = (ListView) findViewById(R.id.drawer_menu); 
  } 
  private void initData() { 
    //数组定义在xml 文件中 
    String[] items = getResources().getStringArray(R.array.left_drawer_items); 
    ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_expandable_list_item_1); 
    adapter.addAll(items); 
    mDrawerMenu.setAdapter(adapter); 
    mDrawerMenu.setSelection(0); 
    //设置点击item事件 
    mDrawerMenu.setOnItemClickListener(new AdapterView.OnItemClickListener() { 
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) { 
        mTitle = ((TextView) view).getText().toString(); 
        switchFragment(); 
        mDrawerLayout.closeDrawer(mDrawerMenu); 
        mDrawerMenu.setSelection(position); 
      } 
    }); 
  } 
  private void switchFragment() { 
    getSupportFragmentManager().beginTransaction().replace(R.id.drawer_container, new ItemFragment(mTitle)).commit(); 
    getSupportActionBar().setTitle(mTitle); 
  } 
}
Copy after login

The rendering is as follows:

Android DrawerLayout实现抽屉效果实例代码

The above is the example code of Android DrawerLayout that the editor introduces to you. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will promptly Reply to everyone. I would also like to thank you all for your support of the PHP Chinese website!

For more Android DrawerLayout implementation of drawer effect example code related articles, please pay attention to the PHP Chinese website!


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template