3

I want to know how is possible to achieve a arrow-based layout like this :

enter image description here enter image description here enter image description here enter image description here

Any idea about what Layout is using this app in order to achieve that layout ? It seems like a kind of Staggered Grid Layout maybe ? Or maybe is using a library or a custom layout ? How can I achieve something similar ?

Nexussim Lements
  • 535
  • 1
  • 15
  • 47
  • use this icon https://icons8.com/icon/pack/arrows/metro . Otherwise, you can build custom arrow in vector image in drawable folder. – Viral Patel Sep 08 '20 at 04:48
  • try turning on "Show layout bounds" in developer options.It will not solve your problem but it might give you an idea for workarounds – Kishan Thakkar Sep 10 '20 at 13:01

1 Answers1

0

so here is how I would do something like this.

I make a bunch of custom views.

custom view #1: PokemonView. This is a regular Constraint Layout or CardView that contains all the items to show the pokemon, and its name, and all the other stuff.

custom view #2 EvolutionPokeminView. this is a custom constraint layout that contains a PokemonView, and The Arrow ImageView (and TextView below), and helper methods to place the arrow in different directions.

for example: setArrowDirection(int direction) \direction is some kind of enum for all directions (top, topLeft, topRight.. etc

another helper method is setArrorPosition, setArrowPosition(int direction)

then you use the arrow direction method to set the correct arrow image into the arrowImageView, and you use the arrow position method to use ConstraintSet to programmatically set the correct position of the arrow in relation to the pokemon image.

after that, you prepare a few common layouts to use with different sets of data and populate them accordingly.

Things you'd need to know to make this approach work. How to Make a Custom View in Android. How to use ConstraintLayout effectively. How to use ConstraintSet to programmatically edit ConstraintLayout constraints.

Vasili Fedotov
  • 1,091
  • 14
  • 31