Create Buttons programmatically in Android

Question

I just want to create buttons programmatically in android that i do know. But the thing is creating the button with certain number in a row and it's completely dependents on orientation of the screen.

For instance, If the device in portrait mode I just need two button in a row and three or four in landscape (for mobile) and four or five (for tablets) with alignment.

Edited
I have tried below code and got something

    Display display = getWindowManager().getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);


    pwidth = size.x;
    lHeight = size.x;

    pheight = size.y;
    lWidth = size.y +16;

    scrollView = new ScrollView(MainActivity.this);
    scrollView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));

    gl = new GridLayout(MainActivity.this);

    gl.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
    gl.setOrientation(GridLayout.HORIZONTAL);

    int orientation = this.getResources().getConfiguration().orientation;

    if (orientation == Configuration.ORIENTATION_PORTRAIT) {
        //code for portrait mode
        Toast.makeText(getApplicationContext(), "PORTRAIT", Toast.LENGTH_SHORT).show();

        if ( pheight > pwidth) {
            columnSize = pheight / pwidth;
            gl.setColumnCount(columnSize + 1);
            gl.setRowCount(columnSize + 1);

            Log.i("PORTRAIT WIDTH", String.valueOf(pwidth));
            Log.i("PORTRAIT HEIGHT", String.valueOf(pheight));
            Log.i("PORTRAIT COLUMN SIZE ", String.valueOf(columnSize));
            Log.i("PORTRAIT ROW SIZE ", String.valueOf(rowSize));
        }/*else if(width>height){

        }*/

    } else {
        //code for landscape mode
        Toast.makeText(getApplicationContext(), "LANDSCAPE", Toast.LENGTH_SHORT).show();

        if (lWidth < lHeight) {
            columnSize = lWidth / 400;
            gl.setColumnCount(columnSize + 1);
            gl.setRowCount(columnSize);

            Log.i("LANDSCAPE WIDTH", String.valueOf(lWidth));
            Log.i("LANDSCAPE HEIGHT", String.valueOf(lHeight));
            Log.i("LANDSCAPE COLUMN SIZE ", String.valueOf(columnSize));
            Log.i("LANDSCAPE ROW SIZE ", String.valueOf(columnSize));
        }
    }

    Log.i("ROW SIZE ", String.valueOf(columnSize));

    button = new Button[9];

    for (int i = 0; i < 9; i++) {

        GridLayout.LayoutParams param = new GridLayout.LayoutParams();
        param.height = 200;
        param.width = GridLayout.LayoutParams.WRAP_CONTENT;
        param.rightMargin = 100;
        param.topMargin = 100;
        param.leftMargin = 100;

        param.setGravity(Gravity.CENTER);

        button[i] = new Button(MainActivity.this);
        button[i].setLayoutParams(param);
        button[i].setText("Button " + String.valueOf(i));
        button[i].setTextSize(20);
        button[i].setPadding(50, 50, 50, 50);
        gl.addView(button[i]);
    }

    scrollView.addView(gl);
    setContentView(scrollView);

    for (item = 0; item < 9; item++) {
        button[item].setOnClickListener(new View.OnClickListener() {

            int pos = item;

            public void onClick(View v) {
                // TODO Auto-generated method stub

                Toast.makeText(getBaseContext(), pos + " Clicked",
                        Toast.LENGTH_SHORT).show();
            }
        });
    }

Simply keep the orientation fixed. This is the first thought came to mind. — Kishor Pawar, Dec 15 '15 at 17:40
Actually, I would say it ultimately depends on the width of the parent ViewGroup, so you could just check that to see how many of your Buttons fit. Or, use something like a [`FlowLayout`](http://stackoverflow.com/questions/4474237/how-can-i-do-something-like-a-flowlayout-in-android), if you don't want to do the math. — Mike M., Dec 15 '15 at 17:42
@Sharath How would that help if they're creating the Buttons programmatically? — Mike M., Dec 15 '15 at 17:50
@KishorPawar i want in both portrait and landscape. so no need to fix orientation — iSrinivasan27, Dec 15 '15 at 17:51
@MikeM. i got same idea to do with math but i couldn't align buttons properly in landscape — iSrinivasan27, Dec 15 '15 at 17:55

Riyaz Ahamed · Answer 1 · 2015-12-15T17:50:11.997

0

Declare the num of columns in integer file for different resource qualifiers. Lets say,

In res/values/integers.xml declare

<integer name="num_of_cols">2</integer>

In res/values-land/integers.xml declare

<integer name="num_of_cols">3</integer>

In res/values-sw600dp/integers.xml declare

<integer name="num_of_cols">4</integer>

In res/values-sw720dp/integers.xml declare

<integer name="num_of_cols">6</integer>

and so on. Use this integer value programmaticaly to define the number of columns while adding buttons.

edited Dec 15 '15 at 17:50

answered Dec 15 '15 at 17:43

Riyaz Ahamed

802
8
14

How do i use integer.xml? – iSrinivasan27 Dec 15 '15 at 17:56

score 0 · Answer 2 · edited Dec 21 '15 at 10:59

First you need to get the screensize and height and width. Assume Button width and height of 80 px. Margins right and left are 10px:

Display display = getWindowManager().getDefaultDisplay();
Log.d(TAG,"Display"+display.toString());

Point size = new Point();
display.getSize(size);

int width = size.x;
int height = size.y;

Log.d(TAG,"WIDTH:"+width);
Log.d(TAG,"HEIGHT:"+height);

int sizeOfButtonHeight = 100;
int sizeOfButtonWidth = 100;

RelativeLayout layout = new RelativeLayout(this);


int numberOfRows = height / sizeOfButtonHeight + 20;
Log.d(TAG,"NUMBER OF ROWS :"+numberOfRows);
int numberOfButtons = width / sizeOfButtonWidth + 20;


TableLayout layoutTable = new TableLayout(this);

for (int i = 1; i < numberOfRows; i++) {
    int count = 1;
    TableRow layoutRow = new TableRow(this);
    layoutRow.setId(2000 + i);
    LinearLayout.LayoutParams paramsRow = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);

    //paramsRow.topMargin =  i * sizeOfButtonHeight;
    paramsRow.gravity = Gravity.CENTER_VERTICAL;

    layoutRow.setLayoutParams(paramsRow);

    while (width > 100) { //button width plus margins
        Button button = new Button(this);
        button.setId(1000 + count);
        button.setMinWidth(80);
        button.setText("BUTTON");

        TableRow.LayoutParams paramsButton = new TableRow.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, count);
        paramsButton.width = sizeOfButtonWidth;
        paramsButton.height = sizeOfButtonHeight;

        paramsButton.topMargin = i * sizeOfButtonHeight;

        paramsButton.gravity = Gravity.CENTER;
        button.setLayoutParams(paramsButton);
        layoutRow.addView(button);
        width -= 100;
        count++;
    }
    layoutTable.addView(layoutRow, i-1);
}
layout.addView(layoutTable);
setContentView(layout);

Is your code working? Why because i'm getting app crash even after fixed bugs as you coded above — iSrinivasan27, Dec 16 '15 at 05:42
tableRow belongs to which widget?? and paramsButton does not have column attribute — iSrinivasan27, Dec 16 '15 at 17:06
i got this 'Caused by: java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.' — iSrinivasan27, Dec 16 '15 at 17:45

Create Buttons programmatically in Android

2 Answers2