MIT App Inventor and 100+ esp32, how could I do this?!

[Kevinkun]

@Kevinkun

Basic logic is :

1. create a component,
2. save it to a varialbe for later use,
3. set it's properties
4. add any click event if you want.
5. if this component is a container, you can add more child components inside it.
6. make 1-5 as a procedure, then you can loop to create more cells.

read this and follow this.

create components from outside to inside, from left to right, from top to bottom.
forget about how to decorate them to make them looks good,but create them and show them on the screen first.

[DanBadea]

Thank you @Kevinkun, that I already understand, generating the layout with your extension is an easy and beautiful task. My problem is how can I use the numbers that you already generate as labels on the red (first left top) small cell?!
That problem I must solve now.

If I solve that problem, I will generate more small cells, as I need. In other small cels will be labels that will display other info. that came over Bluetooth or wifi.

My problem now... is how to display those labels that you have in your example. I must create some lists?! Where and how?!

This is my problem

[Kevinkun]

[DanBadea]

All that, already I have in the image that I upload with the blocks. Above you have it.

KK.aia (54.9 KB)

[Kevinkun]

then what's your issue now? and what's you blocks/ screen shot?
image will be enough, not aia.

[DanBadea]

Wait a moment please to save and upload them all.

[DanBadea]

The .aia.

KK.aia (54.9 KB)

The blocks.

My problem is that I don't know what I need to use to display the numbers that you generate already in the correct order to display them all in the "red" first top-left rectangle.

I must use global variables, lists, operations with lists, and so on. Those things I don't know who, what, and how.

[Kevinkun]

@DanBadea

My problem is that I don't know what I need to use

No your problem is do not listen to other's advise.

@Kevinkun

remove "for each number from 1 to 16" and "for each number from 1 to 3" first

I have said this twice, but you did not follow me.

[DanBadea]

Ok, I remove them, and I start to try to understand.

[Kevinkun]

now after (out of ) the if then block, create a va; inside va, create a ha; inside ha, creat 3 labels.

[DanBadea]

Give me please, few minutes.

[DanBadea]

I start to understand... Is not needed more for 1-16, 1-3, and so on... it is generating somehow "static" labels not arrangements. Interesting approach.

[DanBadea]

wait, I have errors from hurry...

[DanBadea]

Correct one, genial. You're genial. Simply as that. What a straightforward approach... Impressive, just impressive.

More simple as that it is impossible, I bet.

Thank you, thank you, thank you very much.

[DanBadea]

But... I must generate some more arrangements to delimitate all in "outer cells". "smaller cells" and so on, but I think that is an easy task.

What a genial approach... Thank you again.

[Kevinkun]

hope you understand how this extension works.

[DanBadea]

I perfectly understand how this extension works with just 3 (for the moment) exceptions.

1. Why do you use procedure at the start, and what does it mean?!

2. Which is the logic behind generating the numbers!!!

3. What does "elevation" and what parameters need?

Thank you.

[Kevinkun]

1. just my habit to make a group of codes in a procedure.
2. i don't understand this question.
3. with bigger number , you get more shadow.

[DanBadea]

2. • you generate the numbers in perfect order for cells-ID, which is the logic behind?!

[Kevinkun]

if you read the document carefully. Normal the new component will appear at the end, but set property of Index can change the order of the component.