Multiple Pages in ViewPager Android

Multiple Pages in ViewPager Android

Multiple Pages in ViewPager Android

Contribuer

Nowadays In Android applications, we often have seen custom designs throughout the application, Which makes UI more beautiful. So in that case, I have experienced some custom design implementation, In which I need to show the two pages in a single View. 

In this article, we will learn how we can show the multiple pages in a ViewPager like the below screenshot:

 


The following steps we need to follow to achieve the above layout.

Step1: Add a ViewPager in your layout file like the below code snippet.

<androidx.viewpager.widget.ViewPager
android:id="@+id/rv_collection_horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="4dp" />

 Step2: Make a ViewPager Item UI, as per our design above.

 Step3: Create an Adapter class and override the function `onPageWidth'  and set the value to 0.5f to divide the two pages in single views, like the below code snippet.

override fun getPageWidth(position: Int): Float {
return 0.5f
}

Step4: Now, just run your application and see the result.


Conclusion

This article taught you how you can simply add multiple pages in ViewPager with the help of an override function called onPageWidth()

I hope this article is helpful. If you think something is missing, have questions, or would like to offer any thoughts or suggestions, go ahead and leave a comment below. I’d appreciate the feedback.

I’ve written some other Android-related content, and if you liked what you read here, you’ll probably also enjoy these:


Sharing (knowledge) is caring 😊 Thanks for reading this article. Be sure to clap or recommend this article if you found it helpful. It means a lot to me.

If you need any help then Join me on TwitterLinkedInGitHuband Subscribe to my Youtube Channel.

1
Coup de coeur
J'adore cet article
3
Coup de génie
Brillant
0
Coup de main
Cet article m'a été utile
0
Coup de pub
Je souhaite promouvoir cet article
0
Coup de chapeau
Un sujet très intéressant
0
Coup de balai
Ne correspond pas aux standards Panodyssey
1
3
0
0
0
0
Partager l'article
copylink copylink
Contribuer
Prolonger le voyage dans l'univers Tech
Like it or not
Like it or not

Les âmes perdues des réseaux sociaux se retrouvent à exprimer leur mal être dans une fenêtre déformante....

David Delpuech
2 min
Ces bits m’irritent
Ces bits m’irritent

Ces bits m’irritent, Ils courent sur la fibre optique et convoient par la lumière Les pensées obscures...

David Delpuech
1 min
Le cerveau quantique
Le cerveau quantique

L’être humain est cet animal doué de conscience. La taille de son cerveau et surtout s...

David Delpuech
9 min