Как добиться навигации между изображениями с помощью таких элементов управления, как истории Instagram?

Question

Я пытаюсь добиться навигации между изображениями в режиме ресайклера, например в историях Instagram; Я имею в виду, что белая линия разделена на количество историй.. и когда вы щелкаете одну, вы получаете изображение в том месте, где щелкнули...

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

    recyclerView = (RecyclerView)findViewById(R.id.rv_evento_images);
    recyclerView.setLayoutManager(new LinearLayoutManager(this, HORIZONTAL, false));
    recyclerView.setItemAnimator(new DefaultItemAnimator());
    recyclerView.setAdapter(imagesRecyclerAdapter);

Мой xml:

<LinearLayout 
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:text="Bar"
            android:textSize="20sp"
            android:textColor="#FFFFFF" />

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_evento_images"
            android:layout_width="match_parent"
            android:layout_height="500dp"
            android:layout_marginTop="10dp"/>

результат нужен...

https://ibb.co/znd8vpB

Answer 1

Что ж, я нашел решение для будущих зрителей.

Я думал, что "истории из инстаграм" - это переработка изображений, но нет. Элемент управления - это представление, устанавливающее фон для просмотра изображения.

Я использовал библиотеку StoriesProgressView вот эту!

Он работает очень хорошо, но зависит от того, какие функции вам нужны.