ViewPager2 tutorial for Beginners: Android

 In this post you will learn how to implement ViewPager2 in your android app using Java.


What is the use of ViewPager?

Adding a ViewPager to the application UI allow the users to swipe forward and backward between views in the app. eg. A photo gallery app in which the users can swipe the images forward and backward.

Implementing the ViewPager:

First, add the dependency for ViewPager2 in the build.gradle(Module: app) with the latest version:

implementation "androidx.viewpager2:viewpager2:1.0.0"

Now , in the activity_main.xml file, add the following code:

After that, create a new Java class that will be the Model class for the items to be displayed in the view .Add the following code:

Now create a new layout resource file that will define the structure of individual view of our ViewPager. Add the code to it:

Once this is done, create another Java class that will be the adapter for our ViewPager. An adapter basically binds the items to the respective views in the app. Add the following code to this class:

Add a couple of images in the drawable folder to display in the views.After that, in the MainActivity,java class, create the instance of ViewPager, Create a new list and add to it the images that you have added to the drawable folder :

And there you go... You have successfully implemented the ViewPager in your app. 

Output:



Comments

Post a Comment

Popular posts from this blog

How to play Audio on Button Click in app | Android App Development | Java

 In this post, you will learn how to play audio on button click feature in your Android App. We will be using the MediaPlayer to implement this functionality. MediaPlayer class can be used to control playback of audio/video files and streams. MediaPlayer is not thread-safe. Creation of and all access to player instances should be on the same thread. If registering  c allbacks, the thread must have a Looper. Implementation: First, in the activity_main.xml file, add the following code: Then, create a new Android Resources Directory of type ' raw ' and add the audio sounds of your choice in it. Then in the MainActivity.java file, add the following code: Output:
Read more

Custom SeekBar in Android Studio .

Image
In this post, you will learn to create a custom seekbar   in android studio.  A SeekBar is an extension of ProgressBar that adds a draggable thumb. The user can touch the thumb and drag left or right to set the current progress level or use the arrow keys to do so. To create a custom seekbar need follow these steps .  Create a drawable resource file in the drawable folder. Name it whatever you want. In this we will create a custom appearance for the thumb of the seekbar .  Copy the following code in this drawable folder :   custom_thumb.xml: Now create another drawable resource file for the custom background of the seekbar . Paste in the following code in this. Now in your activity_main.xml file, copy this code : activity_main.xml: Output:
Read more

How to implement simple Pie Chart in app | Android Studio | Java | Android App Development

Image
In this post, you will learn how to implement Pie Chart in you Android Application with Java. What is Pie Chart and what are its uses ? Pie charts are used in data handling and are circular charts divided up into segments which each represent a value. Pie charts are divided into sections (or 'slices') to represent values of different sizes. Pie charts are a visual device to help us understand data more easily. Implementation: First, add the dependency for Pie Chart in build.gradle(Module: app) with latest version. implementation 'com.github.blackfizz:eazegraph:1.2.5l@aar' implementation 'com.nineoldandroids:library:2.4.0' Now, in the activity_main.xml file, add the following code: Now, in the MainActivity.java file, add the following code: (make sure to include your package name while copying the code) Output:
Read more