Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Android: How to create a GridLayout [not GridView] programmatically?

I am developing a "match the following" application. The xml used for the application is as follows:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/lytLinear"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/txtQuestion"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="30dp"
        android:text="Match the following questions with their answers." />

    <GridLayout
        android:id="@+id/lytGrid"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:columnCount="3"
        android:columnWidth="300dp"
        android:orientation="vertical"
        android:rowCount="5"
        android:stretchMode="columnWidth" >

        <LinearLayout
            android:id="@+id/Q1Lyt"
            android:layout_width="160dp"
            android:layout_height="50dp"
            android:layout_column="0"
            android:layout_row="0"
            android:background="@drawable/shape_qn"
            android:gravity="center" >

            <TextView
                android:id="@+id/Q1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_column="0"
                android:layout_row="0"
                android:text="Question1" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/A1Lyt"
            android:layout_width="160dp"
            android:layout_height="50dp"
            android:layout_column="1"
            android:layout_row="0"
            android:background="@drawable/shape"
            android:gravity="center"
            android:text="Answer1" >

            <TextView
                android:id="@+id/A1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_column="0"
                android:layout_row="0"
                android:text="Answer1" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/Q2Lyt"
            android:layout_width="160dp"
            android:layout_height="50dp"
            android:layout_column="0"
            android:layout_row="1"
            android:background="@drawable/shape_qn"
            android:gravity="center" >

            <TextView
                android:id="@+id/Q2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Question2" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/A2Lyt"
            android:layout_width="160dp"
            android:layout_height="50dp"
            android:layout_column="1"
            android:layout_row="1"
            android:background="@drawable/shape"
            android:gravity="center" >

            <TextView
                android:id="@+id/A2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_column="0"
                android:layout_row="0"
                android:text="Answer2" />
        </LinearLayout>
   </GridLayout>
 </LinearLayout>

I have tried the following code to create the grid layout. However, for the child linear layouts, I am unable to find a way to programmatically set the android:layout_column and android:layout_row parameters.

GridLayout gridLayout = new GridLayout(this);
    gridLayout.setColumnCount(2);
    gridLayout.setRowCount(15);

    LinearLayout lyt1 = new LinearLayout(this);
    LinearLayout.LayoutParams prmsLinLyt = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);

Any pointers?

like image 412
Srikanth Avatar asked Sep 05 '12 11:09

Srikanth


1 Answers

Here is how You can create it programmatically:

GridLayout gridLayout = new GridLayout(getContext());

// Add Title
GridLayout.Spec titleTxtSpecColumn = GridLayout.spec(2, GridLayout.BASELINE);
GridLayout.Spec titleRowSpec = GridLayout.spec(0);
TextView titleText = new TextView(getContext());
titleText.setText("Title");

gridLayout.addView(titleText, new GridLayout.LayoutParams(titleRowSpec , titleTxtSpecColumn));

For more details see ApiDemos examples.

like image 70
Roger Alien Avatar answered Nov 01 '22 00:11

Roger Alien