Подтвердить что ты не робот

Как включить или подделать мини-вариант из руководства по материальному дизайну для android.support.v4.widget.DrawerLayout?

Как включить "мини-вариант" из Руководство по дизайну материалов - чтобы в закрытом состоянии отображались только значки ящика?

mini variant

Как простой тестовый проект по моему вопросу я взял знаменитый Пример навигационного ящика Google - и затем добавили второй ящик с правой стороны и значки для записей ListView с обеих сторон:

screenshot

screenshot

Пожалуйста, сообщите, как активировать (или, может быть, подделку?) "мини-вариант ящика", чтобы на правой стороне вышеприведенного скриншота были видны только музыкальные символы.

Вот мой файл макета activity_main.xml:

<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">

    <LinearLayout 
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.Toolbar 
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

        <ImageView 
            android:src="@drawable/ic_music_note_black_24dp"
            android:onClick="openActions"
            android:layout_gravity="right"
            android:padding="16dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        </android.support.v7.widget.Toolbar>

        <FrameLayout
            android:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </LinearLayout>

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice" />

    <ListView
        android:id="@+id/right_drawer"
        android:layout_width="160dp"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:choiceMode="singleChoice" />

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

И MainActivity.java, используя его:

public class MainActivity extends AppCompatActivity {
    private Toolbar mToolbar;
    private DrawerLayout mDrawerLayout;
    private ListView mDrawerList;
    private ListView mActionList;
    private ActionBarDrawerToggle mDrawerToggle;

    private String[] mPlanetTitles;
    private String[] mActions;
    private int[] mIcons;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mPlanetTitles = getResources().getStringArray(R.array.planets_array);
        mActions = getResources().getStringArray(R.array.music_actions);

        TypedArray ta = getResources().obtainTypedArray(R.array.music_icons);
        mIcons = new int[ta.length()];
        for (int i = 0; i < mIcons.length; i++)
            mIcons[i] = ta.getResourceId(i, R.drawable.ic_menu_black_24dp);
        ta.recycle();

        mToolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(mToolbar);

        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        mDrawerList = (ListView) findViewById(R.id.left_drawer);
        mActionList = (ListView) findViewById(R.id.right_drawer);

        mDrawerList.setAdapter(new ArrayAdapter<String>(this,
            R.layout.drawer_list_item, mPlanetTitles) {
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                TextView view = (TextView) super.getView(position, convertView, parent);
                view.setCompoundDrawablePadding(24);
                view.setCompoundDrawablesWithIntrinsicBounds(
                    R.drawable.ic_stars_white_24dp, 0, 0, 0);
                return view;
            }
        });

        mActionList.setAdapter(new ArrayAdapter<String>(this,
            android.R.layout.simple_list_item_1, mActions) {
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                TextView view = (TextView) super.getView(position, convertView, parent);
                view.setCompoundDrawablePadding(24);
                view.setCompoundDrawablesWithIntrinsicBounds(mIcons[position], 0, 0, 0);
                return view;
            }
        });

        mDrawerToggle = new ActionBarDrawerToggle(
                this,                  /* host Activity */
                mDrawerLayout,         /* DrawerLayout object */
                mToolbar,
                R.string.drawer_open,  /* "open drawer" description for accessibility */
                R.string.drawer_close  /* "close drawer" description for accessibility */
                ) {
            public void onDrawerClosed(View view) {
                mToolbar.setTitle(mTitle);
                invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
            }

            public void onDrawerOpened(View drawerView) {
                mToolbar.setTitle(mDrawerTitle);
                invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
            }
        };
        mDrawerLayout.setDrawerListener(mDrawerToggle);

        if (savedInstanceState == null) {
            selectItem(0);
        }
    }

Вот видео, показывающее Gmail для планшетов в этом режиме.

4b9b3361

Ответ 1

Официальный NavigationDrawer действительно упоминает "мини-вариант" в своей спецификации дизайна, но нет документация о том, как его использовать. Возможно, это произойдет позже в составе библиотеки поддержки. Будет обновлен ответ, если/когда будет официальное решение.

До этого, посмотрите ActionsContentView library, делает именно то, что вы хотите. В прошлый раз это было обновление было 2 года назад, но он работает, я использовал его некоторое время назад. Вы также можете получить его на Google Play и протестировать его.

Closed stateOpened state

Ответ 2

Пожалуйста, посетите следующую ссылку:

https://github.com/mikepenz/MaterialDrawer

https://github.com/mikepenz/MaterialDrawer/issues/487

MaterialDrawer - это реализация для создания ящика материала. Его последняя версия 4.0, хотя и не выпущена, предоставляет " встроенный ящик" для достижения желаемого. Неплохо до сих пор, потому что я загрузил его демоверсию, попробовал эту новую функцию и обнаружил, что ящик не мог открыть, скользя, но автор прилагает все усилия, чтобы закончить его.

В результате вы можете дождаться скорого выпуска и проверить его использование в это время.

Ответ 3

Ознакомьтесь с другим вариантом варианта мини-навигатора: Внедрение Gmail Tablet, как навигационный ящик.

Кажется, у него есть рабочее решение для варианта мини-навигатора, как и в приложении Gmail для планшетов, как упомянуто @Amol Gupta. Принятый ответ в другом вопросе содержит ссылку на сообщение в блоге с более подробным объяснением того, как реализовать мини-вариант. Их решение использует раздвижную панель, которая пересекает границы между "частичным" макетом и "полным" расположением.

Здесь также ссылка на пример источника сообщения в блоге:

https://github.com/chiuki/sliding-pane-layout p >

Ответ 4

Я рекомендую изменить layout_width of @id/left_drawer с 240dp на меньшее число, например 80dp.