DrawerLayout Tollbar 와 결합 하여 메뉴 사 이 드 슬라이드 효과 구현

본 논문 의 사례 는 DrawerLayout 가 Tollbar 와 결합 하여 메뉴 의 측면 미끄럼 을 실현 하 는 구체 적 인 코드 를 공유 하 였 으 며,구체 적 인 내용 은 다음 과 같다.

DrawerLayout(서랍 레이아웃):구 글 의 공식 컨트롤 은 사 이 드 메뉴 를 간단하게 실현 할 수 있 습 니 다.
이 Demo 는 주로 DrawerLayout 가 Toolbar 와 결합 하여 사 이 드 슬라이딩 왼쪽 상단 리 턴 키 를 사용 하여 애니메이션 효 과 를 실현 하고 왼쪽 상단 리 턴 키 를 클릭 하여 애니메이션 효 과 를 실현 하 며 사 이 드 슬라이딩 메뉴 로 미 끄 러 집 니 다.
xml 레이아웃 파일:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 xmlns:app="http://schemas.android.com/apk/res-auto" 
 tools:context="www.dld.com.drawerlayoutdemo.MainActivity" 
 android:orientation="vertical"> 
 
 <!--app:theme="@style/DrawerArrowStyle"      （ DrawerLayout          ）--> 
 <android.support.v7.widget.Toolbar 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:id="@+id/toolbar" 
  android:background="@android:color/holo_blue_dark" 
  app:theme="@style/DrawerArrowStyle"/> 
 
 <android.support.v4.widget.DrawerLayout 
  android:id="@+id/drawerLayout" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  <!--   --> 
  <LinearLayout 
   android:layout_width="match_parent" 
   android:layout_height="match_parent" 
   android:background="#e5e5e5"> 
   <TextView 
    android:gravity="center" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:text="   " 
    android:textSize="35sp"/> 
  </LinearLayout> 
  <!-- 
       
  android:layout_gravity="start"      
  android:layout_gravity="end"      
  --> 
  <LinearLayout 
   android:layout_width="match_parent" 
   android:layout_height="match_parent" 
   android:background="#e5e5e5" 
   android:layout_gravity="start" 
   > 
   <TextView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:text="    " 
    android:gravity="center" 
    android:textSize="35sp"/> 
  </LinearLayout> 
 </android.support.v4.widget.DrawerLayout> 
 
</LinearLayout> 

레이아웃 파일 은 매우 간단 합 니 다.바로 하나의 선형 레이아웃 입 니 다.위 는 toolbar 이 고 아래 는 DrawerLayout 입 니 다.서랍 레이아웃 안에 두 개의 용기 레이아웃 을 넣 습 니 다.위 는 홈 페이지 이 고 아래 는 메뉴 페이지 입 니 다.
왼쪽 상단 되 돌아 가기 단 추 를 실행 하려 면 toolbar 에 스타일 을 설정 해 야 합 니 다(app:theme="@style/drawerArrowStyle").

<!--               ，  --> 
<style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle"> 
 <item name="spinBars">true</item> 
 <item name="color">@android:color/white</item> 
</style> 

다음은 Toolbar 와 DrawerLayout 를 설정 합 니 다.

toolbar = (Toolbar) findViewById(R.id.toolbar); 
mDrawerLayout= (DrawerLayout) findViewById(R.id.drawerLayout); 
/***************************************Toolbar  ****************************************/ 
//     Toolbar  ActionBar 
setSupportActionBar(toolbar); 
//     
getSupportActionBar().setTitle("    "); 
//      
getSupportActionBar().setDisplayHomeAsUpEnabled(true); 
 
/**********************************DrawerLayout  ****************************************/ 
//   ：     ，      /    
ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, 0, 0) { 
 @Override 
 //  Drawer 
 public void onDrawerOpened(View drawerView) { 
  super.onDrawerOpened(drawerView);//      opened 
 } 
 
 @Override 
 //  Drawer 
 public void onDrawerClosed(View drawerView) { 
  super.onDrawerClosed(drawerView);//      closed 
 } 
}; 
 
//   ：       actionBar  ,           action ，     ，         ，         
mDrawerToggle.syncState(); 
//   ：       ，        
mDrawerLayout.setDrawerListener(mDrawerToggle); 

클릭 하여 링크 열기 무료원본 코드 다운로드
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.