Horizontal Dynamic Layout

[Deepanshu_Arya]

Dynamic Horizontal View!

A dynamic horizontal view just like Play Store is demanded allot without and paid extension. I don’t know if users have their own way but here I will share my idea
This is my first guide so correct me if I do something wrong
Let’s Get Started

Principle

The principle is super simple, Using Dynamic component inside a Dynamic component

Components/Extenstion

• For creating Dynamic components I used @yusufcihan’s Dynamic Component Extenstion

• A Horizontal Scroll Arrangement to add a component in horizontal View

• A vertical arrangement to house other components

• Images to create dynamic images

• Label to create dynamic label

What will Happen

We will create Vertical Arrangements dynamically in the Horizontal Scroll View and will place Image and Label component in that Vertical Arrangement

Blocks

• 
  Just to set the background colour of Vertical Arrangement, for instance, we will pick a random colour from the list

• 
  List of Images

• 
  
  It creates Dynamic vertical Arrangement and set their properties accordingly

• 
  
  This creates Dynamic images in Dynamically created Vertical Arrangements
  Here “get x” return the number that targets the id of Vertical Arrangement in which the Image will be created.

• 
  
  This creates Dynamic Label in Dynamically created Vertical Arrangements
  Here “get x” return the number that targets the id of Vertical Arrangement in which the Label will be created.

Conclusion

Credits

@yusufcihan for his great extension
and Bamicon for providing those images to iconfinder.com

Note

You can create CardView dynamically using this extension instead of using
VerticalArrangement just pass MakeroidCardView as componentName
Thanks, @Vaibhav for the tip

Also now u can pass the component directly as the latest update support component block and not just strings, thanks @vknow360, @themaayur and @WatermelonIce for letting me know it

Random Views

The procedures I used maybe not best or optimised but they provide an idea to the work. You may blend this guide into your projects. if you have a better idea feel free to share it here

Downloads

• horizontalDynamic.aia (31.2 KB)
• horizontalDynamic.apk (4.8 MB)

Thanks

[Peter (Moderator)]

Really nice guide.

[ramrajput200021 (Techy Rajput)]

Awesome work and helpful
It will be more helpful if you give aia file.

[Deepanshu_Arya]

I just forgot, thanks for reminding

[Vaibhav]

@Deepanshu_Arya

You currently can’t create CardView dynamically using this extension because there is no “CardView” component in App Inventor. To create dynamic cards use native component

I think you can create card view by this extension also. Just pass MakeroidCardView as parameter to componentName of Create method. Let me know if I understood something wrong

[Deepanshu_Arya]

Yup u r right

[Deepanshu_Arya]

looking nice, did u used a similar approach?

[Deepanshu_Arya]

i mean did you used any paid extension?
if not than great

[muhammadcrypto (TECH TIME DEVELOPERS)]

Could you please explain with samples
When i tried to create dynamic linear progress bar using this extension i found this error

[themaayur (Mayur Berad)]

Show the relevant blocks.So others can help you.

[Deepanshu_Arya]

@muhammadcrypto

explain with samples

there he meant to write MakeroidCardView at the following place
similarly replace the name with desired component

---

Share your blocks to get a more precise solution.

[vknow360 (Sunny Gupta)]

@Deepanshu_Arya

there he meant to write MakeroidCardView at the following place

You can use component also.
Just pass an example component and let extension do its work.
Good guide @Deepanshu_Arya

[Deepanshu_Arya]

did u mean passing this?

the extension does not accept it, it accepts strings

[themaayur (Mayur Berad)]

Just update the extension now it accepts it. I have done same here

5 Different Listviews using Dynamic component Extension | Guide

So Welcome, Everyone today in this guide I will show how to make different listviews using @yusufcihan 's Dynamic Component Extension. It is fully Customisable According to your needs. So Let’s Begin 1. Simple ListView (Icon, Title & Action Button) • Layout [image] • Inputs [image] Icon : Url Title : String Material_Icon_Name : String For Material Icon Name Click Here • Blocks [blocks] 2. BigImage ListView (Image, Title & Subtitle) • Layout [image] • Inputs [image] B…

[WatermelonIce (Bryan)]

@Deepanshu_Arya

did u mean passing this?

According to the lastest update, these two method are all acceptable.

[Deepanshu_Arya]

got it got it guys

[husnain_bash (Husnain)]

Can we created dynamic image and other dynamic components like buttons or labels of kodular in app inventor like procedure you mentioned above. By the way great work.

[Deepanshu_Arya]

Yes u can create any component dynamically using the extension linked above

[Anant_Kumar]

Wow nice