Create Android App Level Screen

Question

I am creating an app that the user logs into via Firebase authentication and uses a Firebase realtime database to store user level data. The levels are just level 1, 2, 3, and so on.

The users will get a Star Rating of 1, 2, or 3 stars for each level depending on certain conditions.

This is a sample of what I want to create. I am wondering about how to best implement this.

Should I have individual blue squares with 1, 2, and 3 stars and a blue square with a padlock as 4 separate image resource files. Doing it that way, I would have to figure out which one to display and manually position it on the screen.

Should I have one image with 15 squares? Doing it that way, I would just have to control the visibility of the stars on each square and optionally superimpose a number or a padlock over each square.

Am I making this too difficult? I am asking for recommendations.

Thanks.

Answer 1

You can use RecyclerView with GridLayoutManager. Refer this