How to make this type of layout?

Discuss
#1

I made a youtube tags app. And now I want to separate tags like this :

image
image1920Ă—1080 599 KB

when a single tag is clicked then it will be copied.

#2

Used dynamic components.

1 Like
#3

But can I made rounded dynamic buttons? and are they align like the example image ?
blocks I tried

blocks
blocks2112Ă—1304 330 KB

#4

I think allighment of tags properly is the major problem
For such kind of tags we need an empty container in which we can add vertically and horizontaly too at the same time and thats capable of arranging tags in it just like a lable handles multiple line text into it
We even cannot use table arrangement because size of Dynamic tags is varying even one is different from other
So i think its not so much easy to achieve this

this is my openion only wait for the experts may be someone could help

2 Likes
#5

I think that’s possible…
But I’m not sure but I can make it…

1 Like
#6

Oo then its gonna be amazing :star_struck:i tried once but failed in allighments
If u can then share your methodology it would be very helpful

2 Likes
#7

But as I said I’m not 100% sure but I have method in my mind that I think it will work…:joy::joy::joy:

2 Likes
#8

:sweat_smile::sweat_smile: Same was with me
As i mentioned above for 100% accuracy we need an arrangement or container in which we can add components vertically and horizontaly at the same time then it will become very easy and professional

2 Likes
#9

No we don’t need new arrangement but we can try to create it with existing one…

2 Likes
#10

Ok lets try
I will try my best on my end and u on your end lets develop some new stuff :wink::+1:

1 Like
#11

Use clipboard extension or device utils component has copy text block

2 Likes
#12

Created this…
NewLayoutTest.apk (5.0 MB)

Result

Screenshot_2020-05-17-03-11-34-21_bcf19fdaab5f528e1a140238641ca633
Screenshot_2020-05-17-03-11-34-21_bcf19fdaab5f528e1a140238641ca6331080Ă—2400 268 KB

Tutorial and aia will be provided soon as i will create guide post on it so that it will help a lot of koders

but please suggest me title for guide topic on this layout…

3 Likes
#13

Backgrounds should be black. When click on it will change it into red as “selected”. My Suggestion…

1 Like
#14

We was focusing to create layout like this…
You must read above post…

3 Likes
#15

Edit
It sounds Amazing and congrats for this achievement
Thanks for this contribution

And its a best idea every one will get help through
Carry on :+1::+1::heart:

Something like "create a layout with tags " u can also add example of any app having this kind of structure like YouTube tags etc…

One thing is amazing about this layout
Ban tiktok​:grinning::sweat_smile::sweat_smile:

2 Likes
#16

@pavelalam401 now mark the apk providede by @nikzdreamer2001 as a solution
So that everyone can get help

#18

Topic is not created by him…

1 Like
#20

I corrected it

1 Like
#21

Guys, pls don’t hijack this topic. someone else would’ve flagged it.
:unamused: :shushing_face:

#22

Excellent work friend :heart_eyes:

1 Like