Мерцание изображения в режиме просмотра с скольжением - PullRequest
1 голос
/ 26 мая 2019

Я использую Glide 3.7 для загрузки изображений в программе RecycleView из хранилища Firebase.Когда новое изображение добавляется в программу просмотра и вызывается функция notifiydatasetchanged, тогда все существующие изображения в программе просмотра повторно мигает и перезагружается.Как можно избежать мерцания изображения при вызове notifydatasetchanged.Вот мой класс адаптера

public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.MyViewHolder> {

    private static final String TAG = "RecyclerAdapter";


    private Context mContext;
    private List<ModelGridItems> gridItemsList;
    private boolean fromService;

    public RecyclerAdapter(Context context, List<ModelGridItems> list, boolean fromservice) {
        gridItemsList = list;
        mContext = context;
        fromService = fromservice;
    }


    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View itemView = LayoutInflater.from(parent.getContext()).inflate(R.layout.grid_items, parent, false);
        return new RecyclerAdapter.MyViewHolder(itemView);
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        try {
            holder.bind(gridItemsList.get(position));
        } catch (Exception e) {
            e.printStackTrace();
        }

    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public int getItemViewType(int position) {
        return position;
    }

    @Override
    public int getItemCount() {
        if (gridItemsList == null) {
            return 0;
        }
        return gridItemsList.size();
    }





    class MyViewHolder extends RecyclerView.ViewHolder {
        ImageView btnAction;
        TextView tvParticipantName;
        ImageView ivParticipantImage;
        TextView tvConnection;

        MyViewHolder(View itemView) {
            super(itemView);
            ivParticipantImage = itemView.findViewById(R.id.profile_image);
            btnAction = itemView.findViewById(R.id.iv_more);

            tvParticipantName = itemView.findViewById(R.id.tv_username);
            tvParticipantName.setTypeface(BaseActivity.typefaceCabinBold);

            tvConnection = itemView.findViewById(R.id.tv_status);
            tvConnection.setTypeface(BaseActivity.typefaceCabinBold);

        }

        void bind(final ModelGridItems item) {
            tvParticipantName.setText(item.getParticipantName());
            if (item.getIsConnecting()) {
                tvConnection.setVisibility(View.VISIBLE);
            } else {
                tvConnection.setVisibility(View.GONE);
            }
            if (item.getParticipantId().equals(BaseActivity.mUniqueId)) {
                btnAction.setVisibility(View.INVISIBLE);
            }
            if (BaseActivity.mUniqueId.equals(item.getParticipantId())) {
                loadProfileImage();

            } else {
                StorageReference storageReference = BaseActivity.storageReference.child(AppConfig.profileBucket + item.getParticipantId() + AppConfig.ImageExtension);
                SharedMethods.loadFromCloudCircular(mContext, ivParticipantImage, storageReference);
            }
            btnAction.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    showAnchorMenu(btnAction, item.getParticipantId());
                }

            });
            ivParticipantImage.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    if (fromService) {
                        Intent groupCallIntent = new Intent(mContext, GroupCall.class);
                        groupCallIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                        groupCallIntent.putParcelableArrayListExtra("GridItems", (ArrayList<? extends Parcelable>) gridItemsList);
                        mContext.startActivity(groupCallIntent);
                    } else {
                        SharedMethods.showLargeImageFromCloud(mContext, item.getParticipantId());
                    }

                }
            });


        }

        private void loadProfileImage() {
            if (SharedMethods.isPermissionGranted(SharedMethods.PERMISSION_WRITE_STORAGE, mContext)) {
                SharedMethods.loadFromLocalStorageCircular((Activity) mContext, ivParticipantImage, SharedMethods.profileImagePath());
            } else {
                StorageReference storageReference = BaseActivity.storageReference.child(AppConfig.profileBucket + BaseActivity.mUniqueId + AppConfig.ImageExtension);
                SharedMethods.loadFromCloudCircular(mContext, ivParticipantImage, storageReference);
            }
        }
    }

}

Этот метод приводит изображения из хранилища Firebase

public static void loadFromCloudCircular(final Context context, final ImageView imageView, StorageReference storageReference) {
        Glide.with(context)
                .using(new FirebaseImageLoader())
                .load(storageReference)
                .skipMemoryCache(true)
                .diskCacheStrategy(DiskCacheStrategy.NONE)
                .placeholder(R.drawable.unknown_image)
                .transform(new CircularTransform(context))
                .into(new SimpleTarget<GlideDrawable>() {
                    @Override
                    public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
                        imageView.setImageDrawable(resource);
                        Dashboard.isCircularLoaded = true;
                    }
                });


    }

Я пробовал разные варианты, такие как setHasStableIds (true), но это добавляет элемент к вершине существующих элементов иоживляет на свою позицию.Также попробовал с Itemanimator, показанным ниже, но изображение всегда мерцает.Любая помощь?

ItemAnimator animator = rv.getItemAnimator();
if (animator instanceof SimpleItemAnimator) {
    ((SimpleItemAnimator) animator).setSupportsChangeAnimations(false);
}

1 Ответ

0 голосов
/ 26 мая 2019

Предложение 1: использовать Пикассо вместо скольжения Просмотрщик изображений Пикассо-сквер

Мне почему-то не нравится Glide, и Пикассо похож на него по синтаксису.

Предложение 2. Не используйте изображения размером более 1 МБ

.

Это занимает много памяти и не влияет на качество изображения, если вы просматриваете его на высоте 250 dp от вашего мобильного телефона. Лучше уменьшить размер изображения и отправить его в Firebase, если вы загружаете из самого приложения. Если вам нужна помощь в уменьшении размера изображения , проверьте эту ссылку. Ссылка Codota для сжатия изображений до необходимого размера

Важное предложение: пока не используйте анимацию и проверьте, мигает ли она

Попробуйте эти предложения и проверьте, поможет ли это.

...