Hire the author: Dennis M
Pull Layout Android Image Source unsplash.com.
Here is the GitHub link for this project double-pull-android.
Introduction
In this article, you will learn how to implement quickly and simply a working double pull Layout feature in your app using the Scroll Adapter in Android. The first section of this project involves scrolling down the screen to display what is below the partial header. The second part involves scrolling up the screen so that the partial header disappears and the whole screen becomes visible. Therefore, it’s a double layout since you will be able to pull the screen both up and down enabling you to view both layouts simultaneously.
This project provides insight into the functionality of dual drag editing on android. In addition, the user gains a better understanding of the internal machinery that runs after using those features. This article expects you to have some experience in building Android apps in Kotlin
What motivates me to do this work is “How to create a double pull layout in Android studio”? I have created an Android app that uses the dual drag design required by users to connect to the system. In conclusion, this blog post will provide you with direct clues on how to use dual drag architecture on Android.
Photo Preview
Glossary
ScrollView is a viewing group that allows the management category placed within it to be scripted. Scroll views can have one straight child embedded in it. To add more views within a scroll view, create a direct child that adds a view group, for example, LinearLayout, and then add additional views within that Line. Scroll view only supports vertical scrolling. To scroll horizontally, use HorizontalScrollView instead. Never add RecyclerView or ListView to the scrolling view. Doing so causes malfunctioning of the user interface and poor user experience.
RecyclerView makes it easy to accurately display large data sets. You submit information and explain what each item looks like, and the RecyclerView library does things as fast as it can. As the name implies, RecyclerView updates those individual items. When an object scratches off the screen, RecyclerView does not damage its view. Instead, RecyclerView uses the new scratch-screen viewing. This reuse improves performance, improves the performance of your app, and reduces power consumption.
Frame Layout is a viewing group that allows a segment of viewers placed within it to be scanned. Scroll views can have one straight child embedded in it. To add multiple views within a scroll view, create a direct child that adds a view group, for example, LinearLayout, and add additional views to that LinearLayout
Steps:
Step 1: Adding required dependencies
Firstly, go to the app-level build.gradle file and add the following dependency:
Secondly, the build.gradle file will be as shown below:
Step 2: Creating the activity_main.xml file
Now, come to your activity_main.xml file which is responsible for designing the layout of the app and it’s located in the layout folder under the res folder. Change your default to Relative Layout then add additional attributes like this:
As shown above, the activity_main.xml is made up of two layouts which are main_in.xml and main_out.xml. Go to the layout folder in the res folder and create a new layout called main_in.xml and add the following code as shown below.
Create another layout called main_out.xml and add the following code as shown below.
Step 3: Creating the ScrollAdapter.kt file
ScrollAdapter will use the onCreateViewHolder which creates another viewer as no other RecyclerView holders can reuse it. This way, for example, if your RecyclerView can display 5 items at a time, it will create 5-6 ViewHolders, and then reuse them, each time you run to BindViewHolder.
In RecyclerView – you don’t need to compress such a large amount by reusing ViewHolders as you do with ListView. The con is, RecyclerView is truly customizable, however, it is not a complete help – it is not at all like ListView is not completely customizable, but it has great basic advantages.
Step 4: Creating the ScrollViewDelegate.kt file
You will use the setPullRelativeLayoutState function to make the scroll view work effectively as shown below
Step 5: Creating the PullScrollView.kt file
The PullScrollView is only able to work by linking it to the Scrollview above and by using the several functions in place.
Step 6: Creating the ScrollHeaderDelegate.kt file
You will use the ScrollShow set functions as shown below so as to enable the use of Header movement in the android application.
Step 7: Creating the ScrollBodyDelegate.kt file
You will use the onTouchEvent function as shown below which is responsible for making objects move according to a preset program like the rotating triangle.
Step 8: Creating the MainActivity.kt file
Now, come to your MainActivity.java file. We will announce a function called initData () to display the Building Manager and Layout Adapter. Another important function that you will use in the main function is the initListener function. It is responsible for global app planning and multi-component mobility within the app.
Finally, your final MainActivity.java will be like this.
Above all, you can display any message you want in-app layout by customizing the respective parts. I have used simple texts to display the different sections in android. Hence, you can utilize different gadgets or symbols and you can likewise utilize this code anyplace in your application as indicated by your need.
Future Directions
Finally, the future directions involve displaying multiple pull layouts from different activities and enabling the different pull layouts by pressing a button rather than scrolling.
Learning Strategies and Tools
Zeroing in on the double pull layout is responsible for the both upwards pull and downwards pull in the same screen by scrolling rather than the single pull layout which is commonly used. In conclusion, we learned how your app can use dual drag creation on Android. Tasks now have to use different functions in their proper functions to use dual drag design on android.
Reflective Analysis
Figuring out how to utilize ScrollView managers in android was a great learning experience. It is an astonishing instrument that makes the comprehension ScrollView endpoints simple. A typical mistake that is normal while utilizing pull layout in android is the length of items inside it, so be cautious with that.
The most common use of duplicate drag editing in android mobile apps to facilitate communication with complex Android apps. This method is very useful for highlighting enough to be recognized. So, get a double drag design to do the required function on android.
In conclusion, I spent 72 hours completing the project and the blog. Finally, check everything here GitHub repository.
Link to the previous post: https://blog.ldtalentwork.com/2020/09/16/how-to-check-internet-connection-programatically-on-android-from-a-button-click-in-kotlin
That’s all for this tutorial!