Programing

KitKat 용 Android 5.0 머티리얼 디자인 스타일 탐색 창

lottogame 2020. 11. 30. 07:41
반응형

KitKat 용 Android 5.0 머티리얼 디자인 스타일 탐색 창


Android가 새로운 탐색 창 아이콘, 서랍 아이콘 및 뒤로 화살표 아이콘을 도입 한 것을 확인했습니다. Kitkat 지원 앱에서 어떻게 사용할 수 있습니까? 최신 탐색 창 아이콘과 애니메이션이있는 Google의 최신 버전의 뉴스 스탠드 앱을 확인하세요. 어떻게 구현할 수 있습니까?

minSDK를 19로 설정하고 complileSDK를 21로 설정했지만 이전 스타일 아이콘을 사용하고 있습니다. 그 자체가 구현됩니까?


appcompat v21의 새 도구 모음 ActionBarDrawerToggle과이 라이브러리에 있는 새 도구 모음을 사용해야합니다 .

gradle 파일에 gradle 종속성을 추가합니다.

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

귀하의 activity_main.xml레이아웃은 같을 것입니다 :

<!--I use android:fitsSystemWindows because I am changing the color of the statusbar as well-->
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_parent_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:fitsSystemWindows="true">

    <include layout="@layout/toolbar"/>

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- Main layout -->
        <FrameLayout
            android:id="@+id/main_fragment_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <!-- Nav drawer -->
        <fragment
            android:id="@+id/fragment_drawer"
            android:name="com.example.packagename.DrawerFragment"
            android:layout_width="@dimen/drawer_width"
            android:layout_height="match_parent"
            android:layout_gravity="left|start" />
    </android.support.v4.widget.DrawerLayout>
</LinearLayout>

툴바 레이아웃은 다음과 같습니다.

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"/>

활동은 다음에서 확장되어야합니다.

ActionBarActivity

활동에서보기 (서랍 및 도구 모음)를 찾으면 도구 모음을 지원 조치 표시 줄로 설정하고 setDrawerListener를 설정하십시오.

setSupportActionBar(mToolbar);
mDrawerToggle= new ActionBarDrawerToggle(this, mDrawerLayout,mToolbar, R.string.app_name, R.string.app_name);
mDrawerLayout.setDrawerListener(mDrawerToggle);

그런 다음 메뉴 항목과 drawerToogle 상태를 처리하면됩니다.

 @Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = new MenuInflater(this);
    inflater.inflate(R.menu.menu_main,menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (mDrawerToggle.onOptionsItemSelected(item)) {
        return true;
    }
    return super.onOptionsItemSelected(item);
}

@Override
protected void onPostCreate(Bundle savedInstanceState) {
    super.onPostCreate(savedInstanceState);
    mDrawerToggle.syncState();
}

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
    mDrawerToggle.onConfigurationChanged(newConfig);
}

@Override
public void onBackPressed() {
    if(mDrawerLayout.isDrawerOpen(Gravity.START|Gravity.LEFT)){
        mDrawerLayout.closeDrawers();
        return;
    }
    super.onBackPressed();
}

구현은 툴바 이전과 동일하며 화살표 애니메이션을 무료로받습니다. 두통이 없습니다. 자세한 내용은 다음을 참조하십시오.

툴바와 상태 표시 줄 아래에 서랍을 표시하려면 이 질문을 참조하십시오 .

편집 : 지원 디자인 라이브러리에서 NavigationView를 사용합니다. 여기에서 사용 방법을 배우는 자습서 : http://antonioleiva.com/navigation-view/


The answer is no longer useful. Leaving it here for only historic purpose as the time of posting Android did not have the implementation :)


There are plenty of libraries now that can achieve this.

Choice 1 - https://github.com/neokree/MaterialNavigationDrawer

Others


If you want the real navigation drawer with material design style (defined here)
I have implemented a custom library that do exactly that.
You can find it here


Supporting top comment along with the new generated main_content's layout. I simply override the included content layout with DrawerLayout. Keep in mind that your drawerlayout must have this layout_behavior: appbar_scrolling_view_behavior

top container's layout https://github.com/juanmendez/jm_android_dev/blob/master/01.fragments/06.fragments_with_rx/app/src/main/res/layout/activity_recycler.xml#L17

included content layout https://github.com/juanmendez/jm_android_dev/blob/master/01.fragments/06.fragments_with_rx/app/src/main/res/layout/content_recycler.xml#L9

see the navigation drawer!!

참고URL : https://stackoverflow.com/questions/26476837/android-5-0-material-design-style-navigation-drawer-for-kitkat

반응형