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

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

Мини-вариант

В качестве простого тестового проекта для моего вопроса я использовал Google Navigation Drawer Example, а затем добавил второй ящик с правой стороны и значки для записей ListView с обеих сторон:

Скриншот

Скриншот

Пожалуйста, сообщите, как активировать (или, может быть, подделку?) «Мини-вариант ящика» – так, чтобы в правой части экрана снижались только музыкальные символы.

Вот мой файл макета 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 для планшетов в этом режиме.

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

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

Закрытое состояниеОткрытое состояние

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

https://github.com/mikepenz/MaterialDrawer

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

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

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

Проверьте этот другой вопрос о вариантах Mini nav: Внедрение Gmail Tablet, как навигационный ящик .

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

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

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

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

Intereting Posts
Обработка ошибок при синхронном вызове с помощью «Дооснащения» Как исключить специальные символы из клавиатуры Android для EditText Могу ли я установить FLAG_LAYOUT_NO_LIMITS только для строки состояния? Стек операций Как реализовать мульти-выбор в RecyclerView? Как сделать кнопочный щелчок и просмотреть элемент списка нажмите в настройке просмотра списка в android Android Browser textarea прокручивается повсюду, непригодна для использования Команда adb shell: mkdir (для создания каталога) Как приложения для Android, такие как Facebook, Whatsapp имеют услуги на переднем плане без уведомления? Как надежно хранить модуль, публичный экспонент и частный экспонент на Android? Какова цель `конвертирования 'в адаптере ListView? BroadcastReceiver vs Service Тост внутри метода onClick в фрагменте Как определить и использовать системное свойство в Android Instrumentation test? Повторное использование тех же экземпляров диалоговых окон