Positioning ImageView in two lines programmatically

Question

I have a code which generate several ImageView and put it on Layout.

for (int i = 0; i < NUMBER_OF_MATCHES; i++) {
        imageView = new ImageView(this);
        if (random.nextBoolean()) {
        imageView.setImageResource(R.drawable.match);
        } else {
            imageView.setImageResource(R.drawable.match_inverse);

        }
        gameLinearLayout.addView(imageView, 0, params);
    }

But all images are in one line. I want to place it in two lines. Which layout to use and how to fix code for working correctly?

Vaiden · Accepted Answer · 2013-11-20T11:45:41.147

If I understand correctly, you want 2 seperate rows of images. So we need a base LinerLayout with a vertical orientation to hold each row, while each row consists of a LinerLayout with a horizontal orientation:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gameLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/row1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" />

    <LinearLayout
        android:id="@+id/row2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" />

</LinearLayout>

score 0 · Answer 2 · edited May 23 '17 at 11:50

0

look here for explanation why it is happening:

Place two ImageViews programmatically

and look here for explanation to the last answer in this thread which talking about RelativeLayout Rules:

How to set RelativeLayout layout params in code not in xml

edited May 23 '17 at 11:50

Community

1
1

answered Nov 18 '13 at 08:40

Matan Dahan

390
5
10

1

Judging by the naming, he's using a LinearLayout, not a RelativeLayout. – Vaiden Nov 18 '13 at 08:54
oh, it seems you are correct, we need the xml code to see how he uses it though.. – Matan Dahan Nov 18 '13 at 09:19

score 0 · Answer 3 · answered Nov 18 '13 at 08:44

Try out as below:

        //LinearLayOut Setup
        LinearLayout linearLayout= new LinearLayout(this);
        linearLayout.setOrientation(LinearLayout.VERTICAL);

        linearLayout.setLayoutParams(new LayoutParams(
                LayoutParams.MATCH_PARENT,
                LayoutParams.MATCH_PARENT));
    for (int i = 0; i < NUMBER_OF_MATCHES; i++) 
     {
        //ImageView Setup
        ImageView imageView = new ImageView(this);
        //setting image resource
  if (random.nextBoolean()) {
    imageView.setImageResource(R.drawable.match);
    } else {
        imageView.setImageResource(R.drawable.match_inverse);

    }

        //setting image position
        imageView.setLayoutParams(linearLayout);

        //adding view to layout
        linearLayout.addView(imageView);
 }

Positioning ImageView in two lines programmatically

3 Answers3