BottomNavigationView установить пользовательский значок, загруженный с некоторого URL - PullRequest
0 голосов
/ 08 октября 2019

У меня есть 4 вкладки в нижней части экрана, и для последней вкладки я хочу установить изображение профиля пользователя, если он у него есть. Я перепробовал все. Работает только иконка из раскатки. Любой другой случай - это катастрофа.

Я обнаружил, что если я уберу оттенок значка и режим значка на версиях Android выше 26, он будет работать нормально. Для версий под ним не работает.

Вот код. Может быть, у кого-то будут какие-то идеи о том, как помочь. Вот так я установил иконку из прорисовки. Этот imageView является просто тестом, чтобы убедиться, что изображение загружено с сервера.

@Override
public void loadUrlAsTabProfileImage(String url) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        navigationView.getMenu().getItem(presenter.getProfileTabPosition()).setIconTintList(null);
        navigationView.getMenu().getItem(presenter.getProfileTabPosition()).setIconTintMode(null);
    }
    Glide.with(HomeActivity.this)
            .asBitmap()
            .load(url)
            .apply(RequestOptions.circleCropTransform())
            .into(new SimpleTarget<Bitmap>() {
                @Override
                public void onResourceReady(@NonNull Bitmap resource, @Nullable Transition<? super Bitmap> transition) {
                    Drawable drawable = new BitmapDrawable(getResources(), resource);
                    imageView.setImageDrawable(drawable);
                    imageView.setVisibility(View.VISIBLE);

                    navigationView.getMenu().findItem(R.id.layout_profile).setIcon(drawable);
                }
            });
}

Так выглядит меню в xml

<item android:id="@+id/layout_feed"
    android:title="@string/feed"
    android:icon="@drawable/ic_feed_bottombar"
    app:showAsAction="always"/>

<item android:id="@+id/layout_inbox"
    android:title="@string/inbox"
    android:icon="@drawable/ic_inbox_bottombar"
    app:showAsAction="always"/>

<item android:id="@+id/layout_contacts"
    android:title="@string/contacts"
    android:icon="@drawable/ic_contacts_bottombar"
    app:showAsAction="always"/>

<item android:id="@+id/layout_profile"
    android:title="@string/profile"
    android:icon="@drawable/ic_profile_bottombar"
    app:showAsAction="always"/>

Я пытался настроить макет настраиваемого действия с помощью приложения тегов: actionViewClass = "", но не повезло. ImageView из класса действий вообще не виден.

Вот как выглядит мой макет.

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:focusableInTouchMode="true">
<androidx.viewpager.widget.ViewPager
    android:id="@+id/homePager"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintBottom_toTopOf="@id/navigation_bar"/>

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/plus_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end"
    android:layout_margin="16dp"
    android:backgroundTint="@color/bottombar_blue_color"
    android:foregroundGravity="bottom"
    android:tint="@color/white"
    app:srcCompat="@drawable/plus_icon"
    app:tint="@color/white"
    app:borderWidth="0dp"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintBottom_toTopOf="@id/navigation_bar"/>

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/navigation_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:itemBackground="@color/navigation_bar_background"
    app:itemIconTint="@color/navigation_bar_background"
    app:labelVisibilityMode="labeled"
    app:layout_constraintBottom_toBottomOf="parent"
    />

<ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    android:visibility="gone"/>

1 Ответ

0 голосов
/ 07 ноября 2019

Если вы все еще ищете ответ, вот предложение:

создайте селектор для рисования для каждого элемента, который выбрал или отменил выбор изображения. также создайте селектор для профиля.

<item android:id="@+id/layout_feed"
    android:title="@string/feed"
    android:icon="@drawable/feed_tab_color_selector"
    app:showAsAction="always"/>

feed_tab_color_selector:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/feed_selected" android:state_selected="true" />
    <item android:drawable="@drawable/feed_normal" android:state_focused="false" android:state_pressed="false" android:state_selected="false" />
</selector>

после этого примените этот код в своей деятельности

public void loadUrlAsTabProfileImage(String url) {

bottomMenu.seIitemIconTintList(null) // this is important

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        navigationView.getMenu().getItem(presenter.getProfileTabPosition()).setIconTintList(null);
        navigationView.getMenu().getItem(presenter.getProfileTabPosition()).setIconTintMode(null);
    }
    Glide.with(HomeActivity.this)
            .asBitmap()
            .load(url)
            .apply(RequestOptions.circleCropTransform())
            .into(new SimpleTarget<Bitmap>() {
                @Override
                public void onResourceReady(@NonNull Bitmap resource, @Nullable Transition<? super Bitmap> transition) {
                    Drawable drawable = new BitmapDrawable(getResources(), resource);
                    imageView.setImageDrawable(drawable);
                    imageView.setVisibility(View.VISIBLE);

                    navigationView.getMenu().findItem(R.id.layout_profile).setIcon(drawable);
                }
            });
}

Пожалуйста, попробуйте это, это решит вашупроблема

...