Develop Reference

How to order elements like this?

I'm trying to put inside a LinearLayout Horizontal some buttons, but I have the next result.
When they get to the right of the screen, they are not sorted under, they go on. I want that if the screen is small, they are ordered as follows.
Without cut any button.
Thank you. If you need my XML, tell me.

Try setting the LinearLayout width as match parent
android:layout_width="match_parent"
android:layout_height="wrap_content"
Hope it helps :)
Update:
Use GridView and set num_coulums to auto_fit and keep adding buttons as you desire,
set width & height as per your requirements
<GridView
android:id="#+id/gridView1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:columnWidth="100dp"
android:gravity="center"
android:numColumns="auto_fit"
android:stretchMode="columnWidth" >
</GridView>

How to cenralize last uneven row in GridView in android?

I have a GridView , which displays pictures of alphabets
what happens is , every time in the last row there are less no of alphabets.
and the last row is left aligned , which doesn't look good
so I want make the last row to be in centre,
any suggestion
My GridView code:
<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/grid_view"
android:layout_width="fill_parent"
android:layout_marginRight="20dp"
android:layout_marginTop="20dp"
android:layout_height="fill_parent"
android:numColumns="auto_fit"
android:columnWidth="70dp"
android:horizontalSpacing="10dp"
android:verticalSpacing="20dp"
android:gravity="center"
android:stretchMode="spacingWidthUniform" >
</GridView>

I have the same problem, but I managed this using two gridviews, with first gridview displaying the rows except the last row, with the second gridview displaying the last row. This is the simplest way to achieve what I need.
I have not find a better solution. Looking forward to see a nice and simple way also.

you could try using invisible elements, it not the most efficient solution but is simple, you can put two elements, one at the start, one at the end of the row and make them invisible

For those who are still looking for a solution for this here's my take for this, create a TableLayout and, and for each TableRow set its weigth to android:weightSum="4" and dont forget to add android:gravity="center"
For complete code check this gist for reference.

You could center the grid row inside of a relative layout and then add android:layout_centerHorizontal="true" to the alphabet ImageView's. Assuming that they're ImageView's.
So your GridView would be wrapped in something like this:
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_cotent"
android:orientation="horizontal" >
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/grid_view"
android:layout_width="fill_parent"
android:layout_marginRight="20dp"
android:layout_marginTop="20dp"
android:layout_height="fill_parent"
android:numColumns="auto_fit"
android:columnWidth="70dp"
android:horizontalSpacing="10dp"
android:verticalSpacing="20dp"
android:gravity="center"
android:stretchMode="spacingWidthUniform" >
</GridView>
</RelativeLayout>
And the individual alphabet images would need android:layout_centerHorizontal="true" like this:
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_centerHorizontal="true"
</ImageView>

Adjust GridView (Android)

I have a problem with grid view layout on Android. I can't find solution to eliminate extra space in grid view.I mention the code fro gridview as below :-
<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/gridview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:alwaysDrawnWithCache="true"
android:background="#android:color/background_dark"
android:clipChildren="true"
android:columnWidth="100dp"
android:gravity="center_horizontal"
android:horizontalSpacing="2dp"
android:numColumns="auto_fit"
android:padding="0dp"
android:scrollingCache="true"
android:smoothScrollbar="true"
android:stretchMode="columnWidth"
android:verticalSpacing="2dp" />
now my application's grid view look like this
As shown there is extra space which i want to remove it and it can look like this:-
So please provide me solution..
Thanks in advance..

You need to alter the value for android:columnWidth attribute for all layout types [hdpi,mdpi,xhdpi etc.] supported by your application.

You can use :
android:listSelector="#null"
to eliminate extera space
and try this , for 3 column cell:
android:numColumn = "3"

How to have different Backgrounds and colors for dividers in GridView?

I wish to keep different colors for the divider and background in my GridView. Or I would like to hide the background color visible around the Gridview. I tried changing layout_margin & padding parameters, but that did not change anything. Following is the xml layout for my GridView.
<GridView android:id="#+id/gvFree"
android:layout_width="fill_parent"
android:layout_height="0dp" android:layout_weight="1"
android:columnWidth="#dimen/grid_col_wd"
android:background="#android:color/darker_gray"
android:layout_margin="-5dp"
android:padding="-5dp"
android:numColumns="auto_fit"
android:stretchMode="columnWidth"
android:gravity="fill"
android:horizontalSpacing="2dp"
android:verticalSpacing="2dp"
></GridView>
Kindly help.

Set GridView in center horizontal

I have an application in which I am using a GridView to show some image of different number. I want to set the GridView in the center of screen horizontally that is to be run perfect on every phone of different sizes or density pixels.
Thanks in advance.
code
<GridView
android:id="#+id/gridview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:horizontalSpacing="5dp"
android:numColumns="3"
android:stretchMode="columnWidth"
android:verticalSpacing="5dp" >
</GridView>

your 'GridView' must be in some parent layout for example Linearlayout.Set following two properties of that parent layout
android:layout_gravity="center"
android:gravity="center"
Note:You must use both attributes at the same