-1

I'm trying to display a dynamically-determined list of squares, side by side, on several different lines, in my Android app. When the number of boxes is "too great" for the given orientation, I want my app to start another line of boxes below (I'm aware of the underlying prerequisites: how big will each square be, how will this evolve with the screen size, density, orientation..., which I haven't determined myself yet). For now, however, I want to determine a high-level approach to meet this need. I also want the entire "list" of squares to be scrollable vertically (I'm aware I need to use a ScrollView for that).

Essentially, this is what I am trying to accomplish (please forgive the poor Paint skills).

Landscape (if there are 6 squares)

enter image description here

Portrait (if there are 12 squares)

enter image description here

To someone with a web development background it seems like a fairly easy task, however, I'm finding it much more difficult on Android than I expected.

Given the complexity of the whole task (if we're dealing with a medium sized device, then display 3 boxes in a LinearLayout if you're in portrait, then for every next 3, create a new LinearLayout beneath which contains them; if you're in landscape then it's 6; if it's a large device it's 4 and 7; ...) I see no other way, at the top of my head, than to handle all of this in Java, when the data is returned and the squares are initially created, as well as when the device orientation is altered.

As I'm just starting on native Android, I'd appreciate any help I can get on this.

Many thanks,

Chris.

Chris Neve
  • 2,164
  • 2
  • 20
  • 33
  • 2
    Don't try to do this by generating LinearLayouts in a ScrollView. Have a look at RecyclerView and the GridLayoutManager. The answers to this question https://stackoverflow.com/questions/40587168/simple-android-grid-example-using-recyclerview-with-gridlayoutmanager-like-the should achieve what you want. – dthulke Jan 13 '19 at 21:53
  • Thanks very much. Very helpful. – Chris Neve Jan 17 '19 at 12:35

1 Answers1

1
GridLayoutManager mGridLayoutManager;
RecyclerView my_recycler = findViewById(R.id.my_recycler);

For Lanscape

if(getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE){
        mGridLayoutManager = new GridLayoutManager(getActivity(), 5);//adjust the number as you like
        my_recycler.setLayoutManager(mGridLayoutManager);
        my_recycler.setAdapter(myadapter);
}

For Portrait

if(getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT){
        mGridLayoutManager = new GridLayoutManager(getActivity(), 3);//adjust the number as you like
        my_recycler.setLayoutManager(mGridLayoutManager);
        my_recycler.setAdapter(myadapter);
}
Mohammad Sayed
  • 244
  • 2
  • 8