[Paid] Advance Recycler View Extension

[Paid] Advance Recycler View Extension

The AdvanceRecyclerView extension for MIT App Inventor 2 is a powerful tool that enhances the functionality of the RecyclerView. It provides advanced features and customization options to create dynamic and interactive lists with ease. With this extension, you can implement features such as swipe gestures, drag-and-drop functionality, over-scroll effect, 51+ animations and more, making your app’s user interface more engaging and intuitive.


:sparkle: Initialize

You need to initialize the main recycler view into a layout.


image

  • layout - Setup any view layout to initialize recycler view.
  • layoutManager - Set layout manager by extension functions. See demo blocks to understand.
  • snapHelper - Set snap helper by extension functions. See demo blocks to understand.
  • data - Set your item data as list.

:sparkle: Create View

Here you need to create views dynamically. You can use any dynamic components to create your own design view or you can use this extension’s dynamic functions to create view.


image

  • rootView- It’s returning the root view to create new views into this root view.

:sparkle: Bind View

Here you need to bind data to created views.


image

  • rootView - It’s returning the root view where all child views were added.
  • position - It’s returning the position of root view.
  • dataItem- It’s returning the item from the data list by it’s position.

:sparkle: View Attached To Window

It’s triggered when view attached to window.


image

  • rootView - It’s returning the root view where all child views were added.
  • position - It’s returning the position of root view.

:sparkle: View Detached From Window

It’s triggered when view detached from window.


image

  • rootView - It’s returning the root view where all child views were added.
  • position - It’s returning the position of root view.

:sparkle: Scroll State Changed

It’s triggered when scrolling state is changed.


image

  • scrollState- It’s returning the scrolling state.

:sparkle: Scrolled

It’s triggered when user scroll.


image

  • dx - It’s returning the dx position.
  • dy - It’s returning the dy position.

:sparkle: Left Swiped

It’s triggered when any item swiped to left.


image

  • position - It’s returning the item position.

:sparkle: Right Swiped

It’s triggered when any item swiped to right.


image

  • position - It’s returning the item position.

:sparkle: Dragged

It’s triggered when items are dragged or moved between them.


image

  • fromPosition - It’s returning the from item position.
  • toPosition - It’s returning the to item position.

:sparkle: Over Scrolled

It’s triggered when list views is over scrolled.


image

  • state - It’s returning the state of over scrolled.
  • offset - It’s returning the over scrolled offset.

:sparkle: Scroll To Position

Use this function to directly scroll to given position.


image

  • position - Set the item position where to scroll.

:sparkle: Smooth Scroll To Position

Use this function to directly scroll to given position smoothly.


image

  • position - Set the item position where to scroll.

:sparkle: Stop Scroll

Use this function to stop any type of scroll.


image


:sparkle: AddGapDecorator

Use this function to add gap between items.


image

  • gap - Set gap as integer number.

:sparkle: Get Data

It’s returning the given data list.


image


:sparkle: Update Data

Use this function to update views with new or modified list item. It will recreate all views.


image

  • data - Set your item data as list.

:sparkle: Update Data Smoothly

Use this function to update data smoothly with huge data. It will just recreate only new or modified views.


image

  • data - Set your item data as list.

:sparkle: Notify Data Set Changed

You can use this function to manually notify the adapter to re-create all views after any changes to views.


image


:sparkle: Notify Item Changed

Use this function to notify the adapter for re-create view for given position.


image

  • position - Set item position.

:sparkle: Notify Item Inserted

Use this function to notify adapter to add item to given position.


image

  • position - Set item position.

:sparkle: Notify Item Removed

Use this function to notify adapter for remove item from given position.


image

  • position - Set item position.

:sparkle: Notify Item Moved

Use this function to notify adapter for item moving by given positions.


image

  • fromPosition - Set item position from where to move item.
  • toPosition - Set item position to where to move item.

:sparkle: Notify Item Range Changed

Use this function to notify adapter for multiple items changed.


image

  • positionStart - Set start position.
  • itemCount - Set item count.

:sparkle: Notify Item Range Inserted

Use this function to notify adapter for multiple items insertion.


image

  • positionStart - Set start position.
  • itemCount - Set item count.

:sparkle: Notify Item Range Removed

Use this function to notify adapter for multiple items removed.


image

  • positionStart - Set start position.
  • itemCount - Set item count.

:sparkle: Get Root View

Use this function to get root view by child view.


image

  • view - Set child view.

:sparkle: Get Root View By

Use this function to get root view by item position. For using this function the item should be showing into list items.


image

  • position - Set item position.

:sparkle: Get Position

Use this function to get item position by root view.


image

  • rootView - Set root view.

:sparkle: Create Component

Use this function to create dynamic views.


image

  • view - Set view where to create new view.
  • name - Set the name of component to create view.
  • tag - Set tag for view.
  • properties - Set properties for view.

:sparkle: Create Template

Use this function to create dynamic views using JSON template.


image

  • view - Set view where to create new views.
  • template - Set template to create views.
  • parameters - Set parameters for dynamic views.

:sparkle: Set Properties

Use this function to set properties for any dynamic view.


image

  • view - Set view to apply properties.
  • properties - Set properties.

:sparkle: Set Unique Id

Use this function to set unique id to view. It’s required to use click listener.


image

  • view Set view to apply unique id.
  • id - Set id for view.

:sparkle: Get Unique Id

Use this function to get unique id for any view.


image

  • view - Set view to get unique id.

:sparkle: Get Component

Use this function to get child view from parent view by it’s tag.


image

  • view - Set the child view.
  • tag - Set tag to find parent view.

:sparkle: Is Dynamic

It’s returning true if the view is created dynamically.


image

  • view - Set view.

:sparkle: Get Component Name

It’s returning the name of component. You can use this function to get the actual name of in-built components.


image

  • component - Set any in-build component to get it’s name.

:sparkle: Animate View On Click

Use this function to animate root view when clicked.


image

  • rootView - Set view to animate.
  • duration - Set duration in milliseconds.

:sparkle: Linear Layout Manager

Use this function to create linear layout manager for initialize recycler view.


image

  • orientation - Set orientation for recycler view from extension properties.
  • reverseLayout - Set boolean value here. Set true to show list in reverse order.

:sparkle: Grid Layout Manager

Use this function to create grid layout manager for initialize recycler view.


image

  • spanCount - Set span count as integer number. Span count is for create items per row.
  • orientation - Set orientation for recycler view from extension properties.
  • reverseLayout - Set boolean value here. Set true to show list in reverse order.

:sparkle: Staggered Grid Layout Manager

Use this function to create staggered grid layout manager for initialize recycler view.


image

  • spanCount - Set span count as integer number. Span count is for create items per row.
  • orientation - Set orientation for recycler view from extension properties.

:sparkle: Get Adapter Position

Using this properties you can get adapter position.


image


:sparkle: Orientation

Set recycler view orientation using this properties.


image


:sparkle: Snap Helper

To create snap helper use this properties.


image


:sparkle: Scroll State

To handle scroll state use this properties.


image


:sparkle: Left Swipable

Set true to enable left swipe on items.


image

image


:sparkle: Swipe Left Background Color

Change background color of left swiped view.


image

image


:sparkle: Swipe Left Label Color

Change the label color of swiped left label text.


image

image


:sparkle: Swipe Left Label

Change swipe left label text. Make it empty to disable swipe left label text.


image

image


:sparkle: Swipe Left Label Size

Change swipe left label text size.


image

image


:sparkle: Swipe Left Icon

Set image on swipe left view. Make it empty to disable swipe left icon.


image

image


:sparkle: Right Swipable

Set true to enable right swipe.


image

image


:sparkle: Swipe Right Background Color

Change background color of right swiped view.


image

image


:sparkle: Swipe Right Label Color

Change the label color of swiped view.


image

image


:sparkle: Swipe Right Label

Change the text for swipe right text. Make it empty to disable swipe right label.


image

image


:sparkle: Swipe Right Label Size

Change the text size of swipe right label.


image

image


:sparkle: Swipe Right Icon

Set the swipe right icon, set None or make it empty to disable swipe right icon.


image

image


:sparkle: Draggable

Set true to enable dragging items between them.


image

image


:sparkle: Fixed Size

Set true to improve performance.


image

image


:sparkle: Nested Scrolling

Set false to improve scrolling.


image

image


:sparkle: Over Scroll

Set true to enable over scroll effect.


image

image


:sparkle: Animation Duration

Set item animation duration in milliseconds.


image

image


:sparkle: AlwaysAnimate

Set false to animate only on first scroll.


image

image


:sparkle: Item Animator

Chage item animation from available animations.


image

image


:sparkle: Available Animations

Total 51+ animations are available. More animations will be added soon.



Demo blocks


:receipt: Extension Specifications


:man_lifting_weights: Size: 85.6 KB
:heavy_dollar_sign: Price: $10 USD (One time purchase only)
:coin: Price: $15 (Lifetime support + updates)
:earth_americas: Released On: 13 June 2023 (GMT+06:00)
:earth_americas: Updated On: 14 June 2023 (GMT+06:00)


9 Likes

can you give a Test APK?

At this time I can’t share test apk, but I’ll upload test apk as soon as possible, In few days I’ll upload demo blocks & videos.

1 Like

Another epic extension from @JEWEL Stay tuned and give your best to kodular community.

1 Like

Thanks @Knox_Gaming!
I’ve added demo blocks into the main topic.

1 Like

What is the difference between free Recycler View and paid Recycler View???

You can compare with features like, draggable, left | right swipable, over-scroll offects, left | right icon & lable view, smooth data update, smooth scrolling, 51+ awesome animations, and much more customizable features.

2 Likes

Where is demo video & how much day

I’ve added demo blocks into main topic.

1 Like

@JEWEL payment made more than 4 days ago, I must wait for you to update the extension, just give me the deadline please, I need this extension to continue with my project.

Please re write me on Telegram/WhatsApp again

How to use input (Parameters)?

Use dictionary key pairs blocks

1 Like

OK thanks!

I did a test and I really don’t know what to put as a parameter using the dictionary in the json layout and it ends up generating an error. Please, when you have time, show the blocks how we can use the block (CreateTemplate).

You’re doing totally wrong, let me send you an aia. I hope I can send it tomorrow. Please wait for my demo aia, then you can learn blocks from it. (Thanks)

Ok, I’ll be waiting for you (aia)

i want a test apk , that how it is working

Watch this video as example ↓

2 Likes