Asymmetric Grid View App

in #utopian-io7 years ago (edited)

Have you ever wonder how did 2048 game has developed?

If so, you better check Asymmetric Grid View than

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513381749.jpg

Googleplay it AsymmetricGridView

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513381770.jpg

Go ahead'n install

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513381783.jpg

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513381792.jpg

You're in!!! What is GridView

-Gridview is an AdapterView which displays items in a two-dimensional, scrollable grid.
-As users reach the end, more results will be generated and will be displayed
-When users clicks on an item, some actions can be performed
-The grid items are auto insterted to the layout using a BaseAdapter

So this tutorial is also GridView tutorial but not on ASP.NET or C++ but ANDROID with all sources are allready been maded...

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513381813.jpg

No surprise you have to configure it before
-Step one
-Define the array or data source which we are about to configure as an example by Column one. two. three... Column 5
Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513381818.jpg

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513381826.jpg

Lets start with one column at a time

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382054.jpg

This would be useful for developers as an example of designing columns under an android app...

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382070.jpg

So check this out

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382085.jpg

That's how it'll ended up

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382092.jpg

You can progress as seen before

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382103.jpg

This way you can also use it in your own android app development
-Tell the BaseAdapter how to display the data by specifiying a layout for a single view
(From Column one to 5 or more depends on your imagination...)

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382124.jpg

But ofc, you will need the skills and the ability to achieve it...

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382132.jpg

It is not for entry-level developers but i want to introduce couple more things
-What does it do?
It indicates number of columns or supply a value of auto_fit just to compute the number of columns based on the available space (android.numColumns)

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382181.jpg

You can reset

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382242.jpg

You can allow reordering

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382249.jpg

Where it will re-organize columns

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382296.jpg

or you can prevent re-ordering

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513383660.jpg

Asymmetric Grid View Demo Tutorial FOR STEEMIT utopian community december 16 1513382317.jpg

I hope it'll give you kind of sense about how did developers have made 2048, those are building blocks of the 2048 game and it could be useful for android development as the source is already written. Good luck'n'Enjoy

But to digg deeper and give you more idea about what GridView is also

assymmetric grid view extended explanation and development for utopian community 1513389700.jpg

Extended Explanation

android:stretchMode=''none''
When Stetching is disabled

assymmetric grid view extended explanation and development for utopian community 1513389705.jpg

android:stretchMode=''columnWidth''

When each column is stretched equally

assymmetric grid view extended explanation and development for utopian community 1513389711.jpg

android:stretchMode=''spacingWidth''

When spacing between each column is stretched

assymmetric grid view extended explanation and development for utopian community 1513389721.jpg

When spacing between each column is uniformly stretched

*So those are just some examples about the GridView on android *
It allows you to create a world which is limited by your imagination (also not limited)



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Your contribution cannot be approved yet because it is not as informative as other contributions. See the Utopian Rules. Please edit your contribution and add try to improve the length and detail of your contribution (or add more images/mockups/screenshots), to reapply for approval.

You can contact us on Discord.
[utopian-moderator]

Thank you for the contribution. It has been approved.
I appreciate you taking the time to edit & also add the extra detail.
Always know that our utopia requires efforts to better our paradise. :]
You can contact us on Discord.
[utopian-moderator]

Hey @johnnywingston I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x