Custom Recycler View
Hello everyone, Today I am publishing my biggest extension ever I made. This extension allows you to create recycler view in your app. This extension works with dynamic components extension by @yusufcihan and you can also use kodular in built dynamic component for making recycler view. This recycler view is different from other. How :- It has grid supported with your desired rows and you can also create the horizontal recycler view too through this extension. This extension also have many animations.
Thanks @David for sponsoring the extension
Let see some blocks and their documentation
All Blocks
Properties
Available Animation
Documentation
This block raises when the use scroll and you need to change the data in created component. See the usage for more and better understanding
This event raises when any error occurred like invalid parent view or invalid index or component
This event is the main event of the recycler view. This will be raised when recycler view calls to create the component. You have create your all component in this blocks. See usage for more info and understanding
This block create the recycler view in given layout with given orientation. See usage for more info and understanding
This block add the main or parent component of your design to the parent or view holder of the recycler view. I know it is hard to understand this block. See usage for more info and understanding
This block changes the ID of the component that you have used in the AddComponentToParent
block. See usage for more info and understanding
This block return the parent or view holder through the component. You have added the parent and component through AddComponentToParent
.
This block returns the container for creating components in it then later you can add those component through AddComponentToParent
.
This block returns the ID of component that you have added through AddComponentToParent
blocks
This block returns the component from the given parent view. It return those component that you have added through AddComponentToParent
block.
This block returns the index of the first visible item of the recycler view.
This block returns the index of last visible item of the recycler view
This block returns the true if the recycler view is created or false if not created
These are the horizontal and vertical alignment for the recycler view
These are two types of property that tells the recycler view to create grid view or linear layout
This block set the animation duration for the recycler view
This block set the animation that you want
This block set the total count of the recycler view. Mean if you have to create 100 component the you will need to give 100 here
This block set the rows that you want to create in grid view
Usage
Now I am providing you a little usage for making recycler view
Extension Needed
Step by Step
You need to create the recycler view first in your desired layout. Also, set the total count of the components that you want to create
When the recycler view created it will call the CreateComponent
event then you will have to create the component. I have created the component through a procedure.
This is the procedure in which I am creating the component. Make sure to add the main or parent component to the view holder of the recycler view through AddComponentToParent
block.
Then you will have to set the data according to the DataBind
event. It will be raised when user scrolls the screen and then you will need to change the data. You can take the id of the main component that you have added through AddComponentToParent
block through GetIdFromParent
block.
Now you are good to go and you have created now a simple design for your recycler view.
You can also use Schema for making components for recycler view.
You can also apply the animation that you want.
Preview
Price
Paytm/UPI :- ₹700
PayPal :- 11$
How to buy the extension :
Credit
Thanks to @Mohamed_Tamer for helping me in updating the library.
Thanks to @Shreyash for his super Rush .
Suggestion and issue are welcome
If you like the extension then like the topic
Thank You All
Donate
If you like my work then donate if you can