it-swarm.com.ru

Android 5.0 материал дизайн стиль навигационный ящик для KitKat

Я вижу, что в Android появились новые значки на панели навигации, значок ящика и значок стрелки назад. Как мы можем использовать это в приложениях, поддерживаемых KitKat. Посмотрите последнюю версию приложения Newsstand от Google, в котором есть самые последние иконки и анимации для навигационных ящиков. Как мы можем реализовать это?

Я попытался установить minSDK на 19 и complileSDK на 21, но он использует значки старого стиля. Это само реализовано?

61
nomongo

Вам нужно использовать новую панель инструментов в 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);

После этого вам просто нужно позаботиться о пунктах меню и ящике состояния Google:

 @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();
}

Реализация такая же, как и до панели инструментов, и вы получаете анимацию стрелки бесплатно. Нет головных болей. Для получения дополнительной информации следуйте:

Если вы хотите отобразить ящик над панелью инструментов и под строкой состояния, обратитесь к этот вопрос .

EDIT: Используйте NavigationView из библиотеки поддержки дизайна. Учебник, чтобы узнать, как использовать здесь: http://antonioleiva.com/navigation-view/

130
jpardogo

Ответ больше не полезен. Оставив его здесь только для исторической цели, так как на момент публикации Android реализации не было :)


Сейчас существует множество библиотек, которые могут этого достичь.

Вариант 1 - https://github.com/neokree/MaterialNavigationDrawer

Другие 

18
SSR

Если вы хотите настоящий навигационный ящик со стилем дизайна материала (определяется здесь
Я реализовал пользовательскую библиотеку, которая делает именно это. 
Вы можете найти это здесь

2
NeoKree

Поддержка верхнего комментария вместе с новым сгенерированным макетом main_content. Я просто переопределяю включенный макет содержимого с помощью DrawerLayout. Имейте в виду, что ваш ящик-макет должен иметь это layout_behavior: appbar_scrolling_view_behavior

макет верхнего контейнера https://github.com/juanmendez/jm_Android_dev/blob/master/01.fragments/06.fragments_with_rx/app/src/main/res/layout/activity_recycler.xml#L17

макет содержимого 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!!

0
Juan Mendez