Нижняя панель навигации для увеличения выбранного элемента - PullRequest
Новая
       15

Нижняя панель навигации для увеличения выбранного элемента

0 голосов
/ 24 сентября 2018

Я хочу создать нижнюю панель навигации в моем проекте Android.Здесь 5 элементов (только значки элементов. Без названия какого-либо элемента) на панели навигации.Я хочу сделать так, чтобы при выделении элемента он немного увеличивался вместе с отображением его имени.Как я могу это сделать?

PS - вместо этого я попытался с изображением, внутри которого есть кнопки изображения.Одна кнопка с изображением без увеличенного значка и соответствующая кнопка с увеличенным значком (+ ее название) перекрываются, поочередно устанавливая одно видимое, а другое - невидимое, но это была плохая идея.Код работает, но макет очень плохой и грязный.

Ответы [ 2 ]

0 голосов
/ 24 сентября 2018

Ответ с подсказкой:

Ответ:

Это стандартное поведение, если вы используете последнюю версию support:design библиотеки, а затем реализовать свой BottomNavigationView.Как указано в моем комментарии выше;под вашим вопросом.

Некоторые ссылки для реализации Bottom Navigation View (которые вы бы легко получили, если бы по ним погуглили):

1] Как кодировать нижнюю панель навигации для приложения для Android

2] Android Работа с нижней навигацией

Подсказка:

Но проблема со знаниями, полученными по вышеуказанным ссылкам, заключается в том, что Материал Конструкторская документация говорит нам, что если в нижней навигации есть:

3 элемента - мы должны отобразить значок с текстом (всегда) для всех элементов.

4–5 элементов - мы должны отображать текст только для активного значка и скрывать для неактивных элементов (или представлений).

enter image description here

Теперь вы можете догадаться о том, что я собираюсь сказать дальше.

«Это то, что предлагают рекомендации по проектированию материалов, поэтому давайте просто сделаем это».

Но на этот раз я не буду.Я не согласен, и вы тоже.Я скажу вам почему.

Рекомендации по проектированию материалов не всегда верны.

Если у вас есть 3 или 5 элементов в нижней навигации, ВСЕГДА показывать текстовые метки!

Таким образом, вы избежите проблемы Mystery Meat Navigation, от которой страдает Material Design .Привет Teo Yu Siang за информирование об этом!

Кнопки или ссылки, которые не объясняют вам, что они делают.Вместо этого вы должны нажать на них, чтобы узнать - Mystery Meat Navigation.

Я уверен, что мы все были жертвами этого, по крайней мере, в какой-то момент.Мы нажимаем на кнопку, предполагая, что она что-то делает, только для того, чтобы она делала что-то еще полностью!

Так что сделайте себе и своим пользователям одолжение.Всегда показывайте текстовые метки для ваших значков Bottom Navigation.

Упоминая это (например): bottomNavigation.setTitleState(AHBottomNavigation.TitleState.ALWAYS_SHOW);

Я внес свой вклад в создание хорошего UX.Все остальное зависит от вас.

Совет - Источник и кредит: Окончательное руководство по нижней навигации на Android

0 голосов
/ 24 сентября 2018

Вы можете использовать BottomNavigationView из библиотеки поддержки Android.

Использовать следующую зависимость - 

implementation 'com.android.support:design:26.1.0'

И использовать следующее в xml-файле для нижней панели навигации - 

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/navigation" />

Примечание - чтобы увеличительное поведение работало, в вашем BottomNavigationView должно быть более 3 элементов.

...