Android 네 이 티 브 사 이 드 컨트롤 DrawerLayout 사용 방법 상세 설명

안 드 로 이 드 v4 패키지 에 하나의 컨트롤 Drawerlayot 가 있 습 니 다.주로 왼쪽 당 김 과 오른쪽 당 김 메뉴 를 실 현 했 습 니 다.예전 의'서랍'기능 과 유사 합 니 다.이 컨트롤 은 사용 이 간단 하고 효과 가 부 드 러 우 며 조작 체험 이 매우 좋 습 니 다.다음은 제 가 실현 한 간단 한 효과 부분 캡 처 입 니 다.
왼쪽 당 김:
 
오른쪽 당 김:

어때요?평소에 개발 한 애플 리 케 이 션 에서 흔히 볼 수 있 지 않 나 요?OK,그럼 다음 에 제 가 코드 를 바로 올 리 겠 습 니 다.
activity_sliding.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/main_drawer_layout"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@android:color/transparent">

 <!--               -->
 <RelativeLayout
  android:id="@+id/main_content_frame_parent"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@android:color/transparent"
  android:gravity="center">

  <Button
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center"
   android:onClick="openLeftLayout"
   android:text="  " />

  <Button
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center"
   android:layout_marginLeft="100dp"
   android:onClick="openRightLayout"
   android:text="  " />

 </RelativeLayout>

 <!--       -->
 <RelativeLayout
  android:id="@+id/main_left_drawer_layout"
  android:layout_width="240dp"
  android:layout_height="match_parent"
  android:layout_gravity="start"
  android:background="@color/colorPrimary"
  android:paddingTop="50dp">

  <TextView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:text="      " />

 </RelativeLayout>

 <!--       -->
 <RelativeLayout
  android:id="@+id/main_right_drawer_layout"
  android:layout_width="240dp"
  android:layout_height="match_parent"
  android:layout_gravity="end"
  android:background="@color/colorPrimary"
  android:paddingTop="50dp">

  <TextView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:text="      " />
 </RelativeLayout>


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

위의 레이아웃 파일 을 통 해 drawerlayout 의 하위 레이아웃 은 content,left,right 세 부분 으로 나 뉘 는데 그 중에서 left 와 right 의 레이아웃 은 layot 에서 android:layot 를 설명 해 야 합 니 다.gravity 속성,값 은 각각 start 와 end 입 니 다.분명히 drawerlayout 레이아웃 은 큰 용기 와 같 습 니 다.하 이 퍼 스크린 레이아웃 은 left 의 레이아웃 을 컨트롤 의 시작 부분 에 두 었 고 right 의 레이아웃 은 컨트롤 의 끝 부분 에 두 었 습 니 다.
DrawerSlidingActivity.java:

import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.RelativeLayout;

public class DrawwerSlidingActivity extends AppCompatActivity {

 //       
 private ActionBarDrawerToggle drawerbar;
 public DrawerLayout drawerLayout;
 private RelativeLayout main_left_drawer_layout, main_right_drawer_layout;

 @Override
 protected void onCreate(Bundle arg0) {
  super.onCreate(arg0);
  setContentView(R.layout.activity_slidingmenu);

  initLayout();
  initEvent();
 }

 public void initLayout() {
  drawerLayout = (DrawerLayout) findViewById(R.id.main_drawer_layout);

  //                
  drawerLayout.setScrimColor(Color.TRANSPARENT);

  //    
  main_left_drawer_layout = (RelativeLayout) findViewById(R.id.main_left_drawer_layout);
  //    
  main_right_drawer_layout = (RelativeLayout) findViewById(R.id.main_right_drawer_layout);

 }

 //      
 private void initEvent() {
  drawerbar = new ActionBarDrawerToggle(this, drawerLayout, R.mipmap.ic_launcher, R.string.open, R.string.close) {
   //    
   @Override
   public void onDrawerOpened(View drawerView) {
    super.onDrawerOpened(drawerView);
   }

   //     
   @Override
   public void onDrawerClosed(View drawerView) {
    super.onDrawerClosed(drawerView);
   }
  };

  drawerLayout.setDrawerListener(drawerbar);
 }

 //        
 public void openLeftLayout(View view) {
  if (drawerLayout.isDrawerOpen(main_left_drawer_layout)) {
   drawerLayout.closeDrawer(main_left_drawer_layout);
  } else {
   drawerLayout.openDrawer(main_left_drawer_layout);
  }
 }

 //         
 public void openRightLayout(View view) {
  if (drawerLayout.isDrawerOpen(main_right_drawer_layout)) {
   drawerLayout.closeDrawer(main_right_drawer_layout);
  } else {
   drawerLayout.openDrawer(main_right_drawer_layout);
  }
 }
}

그 중에서 주의해 야 할 점 은 drawerLayout.setScrimColor(Color.TRANSPARENT)입 니 다.이 속성 은 사 이 드 슬라이드 레이아웃 이 표 시 될 때 내용 이외 지역 의 배경 색 을 설정 합 니 다.기본 값 은 회색 입 니 다.여 기 는 제 가 여러분 을 위해 선명 하 게 보기 위해 투명 하 게 설정 되 었 습 니 다.둘째,drawer Layout 의 감청 기 Action BarDrawerToggle 입 니 다.Action BarDrawerToggle 대상 은 Action BarDrawerToggle 의 소스 코드 를 조회 한 결과 DrawerListener 의 실현 클래스 임 을 알 수 있 습 니 다.즉,Action BarDrawerToggle 은 DrawerListener 감청 을 통 해 이 를 바탕 으로 onDrawerOpened,onDrawerClosed,onDrawerState Changed 와 onDrawerSlide 의 이벤트 처 리 는 개발 자가 미끄럼 과정 에서 처리 할 동작 을 사용자 정의 할 수 있 도록 합 니 다.
마지막 으로 AS 가 최신 버 전인 지 확인 하 십시오.그렇지 않 으 면 build.gradle 에 다음 설정 을 추가 해 야 합 니 다.
compile 'com.android.support:appcompat-v7:24.2.1'