Gridview With Different Number Of Columns According To The Number Of Row

I am trying this for 2 days,I am trying to make UIs for the view having two columns in first row,then in second row having three columns,and in third again two columns and so on..A

Solution 1:

Finally I have solved this problem.I have tried with Raghunandan and user3278416's suggestion.And did all the stuff in runtime except Table layout.Here is the xml file:

<ScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"><TableLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:id="@+id/table_layout"
     >

And the the two layouts one is for small layout(the second row) and one is for large one(first row):

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><RelativeLayoutandroid:layout_width="130dp"android:layout_height="160dp"android:layout_margin="3dp"android:background="@drawable/big_product_bg" ><ImageViewandroid:id="@+id/img_offersrowlayout"android:layout_width="120dp"android:layout_height="80dp"android:layout_alignParentTop="true"android:layout_centerHorizontal="true"android:layout_marginTop="5dp"android:layout_marginLeft="5dp"android:layout_marginRight="5dp"android:scaleType="fitXY"android:src="@drawable/img_bydefault" /><TextViewandroid:id="@+id/txt_title_offerrowlayout"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/img_offersrowlayout"android:layout_marginLeft="10dp"android:layout_marginRight="10dp"android:layout_marginTop="8dp"android:gravity="center_horizontal"android:singleLine="true"android:text="BenQ Digital camera"android:textColor="@color/green_app"android:textSize="15dp"android:textStyle="bold" />

The small one:

<RelativeLayout
android:layout_width="90dp"android:layout_height="160dp"android:layout_margin="3dp"android:background="@drawable/big_product_bg" >

<ImageView
    android:id="@+id/img_offersrowlayout"
    android:layout_width="90dp"
    android:layout_height="80dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="5dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:scaleType="fitXY"
    android:src="@drawable/img_bydefault" />

<TextView
    android:id="@+id/txt_title_homesmallrowlayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/img_offersrowlayout"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="8dp"
    android:gravity="center_horizontal"
    android:singleLine="true"
    android:text="BenQ Digital camera"
    android:textColor="@color/green_app"
    android:textSize="15dp"
    android:textStyle="bold" />

Now the Java Code:

int leftMargin_small=2;
int topMargin_small=5;
int rightMargin_small=2;
int bottomMargin_small=5;

   intj=0;
   while (Show.size()>j) {

try {
     LayoutInflaterinflater=       (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
     TableRow.LayoutParamsparam=newTableRow.LayoutParams(
                LayoutParams.MATCH_PARENT,
                LayoutParams.MATCH_PARENT, 1.0f);
     param.setMargins(leftMargin_small, topMargin_small, rightMargin_small, bottomMargin_small);
     LinearLayoutlayout1=newLinearLayout(getApplicationContext());
     TableRow.LayoutParamsparam_layout=newTableRow.LayoutParams(
                LayoutParams.MATCH_PARENT,
                LayoutParams.MATCH_PARENT, 1.0f);
     layout1.setLayoutParams(param_layout);
Viewquestion= inflater.inflate(R.layout.offers_rowlayout, null);

question.setLayoutParams(param);
//question.setId(pos);TextViewtitle= (TextView) question.findViewById(R.id.txt_title_offerrowlayout);
title.setText(""+">>"+Show.get(j).get("name"));

Viewquestion1= inflater.inflate(R.layout.offers_rowlayout, null);
//question.setId(pos);
question1.setLayoutParams(param);
TextViewtitle1= (TextView) question1.findViewById(R.id.txt_title_offerrowlayout);
title1.setText(""+">>"+Show.get(j+1).get("name"));



Viewquestion_small= inflater.inflate(R.layout.home_row_small_layout, null);
//question.setId(pos);
question_small.setLayoutParams(param);
TextViewtitle_small= (TextView) question_small.findViewById(R.id.txt_title_homesmallrowlayout);
title_small.setText(""+">>"+Show.get(j).get("name"));

Viewquestion1_small= inflater.inflate(R.layout.home_row_small_layout, null);
//question.setId(pos);
question1_small.setLayoutParams(param);
TextViewtitle1_small= (TextView) question1_small.findViewById(R.id.txt_title_homesmallrowlayout);
title1_small.setText(""+">>"+Show.get(j+1).get("name"));

Viewquestion2_small= inflater.inflate(R.layout.home_row_small_layout, null);
//question.setId(pos);
question2_small.setLayoutParams(param);
TextViewtitle2_small= (TextView) question2_small.findViewById(R.id.txt_title_homesmallrowlayout);
title2_small.setText(""+">>"+Show.get(j+2).get("name"));
       if (gett) {
      TableRowtr=newTableRow(getApplicationContext());

        TableLayout.LayoutParamstrParams=newTableLayout.LayoutParams(
                TableLayout.LayoutParams.MATCH_PARENT,
                TableLayout.LayoutParams.MATCH_PARENT,1);
      //  trParams.setMargins(leftMargin, topMargin, rightMargin, bottomMargin);
        tr.setLayoutParams(trParams);
       layout1.addView(question);
       layout1.addView(question1);
       tr.addView(layout1);
    tablee.addView(tr);
   gett = false;
        j = j+2;
}
else
{
      TableRowtr=newTableRow(getApplicationContext());

        TableLayout.LayoutParamstrParams=newTableLayout.LayoutParams(
                TableLayout.LayoutParams.MATCH_PARENT,
                TableLayout.LayoutParams.MATCH_PARENT,1);

        layout1.addView(question_small);
        layout1.addView(question1_small);
        layout1.addView(question2_small);
        tr.addView(layout1);
    tablee.addView(tr);
    gett = true;
    j = j+3;
}

} catch (Exception e) {
    e.printStackTrace();
}


  }

Here Show is the arraylist of hashmap type and tablee is the tablelayout object which I have made in Xml file.