How to put Three imageview buttons on same line in Android

Question

I have three imageViews There I want to set all these ImageView into one line. I have pasted my current xml code below.

    <RelativeLayout
        android:id="@+id/myFragement"
        android:layout_width="wrap_content"
        android:layout_height="306dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="44dp"
        android:layout_weight="1.77"
        android:orientation="horizontal" >
    </RelativeLayout>

     <ImageView
         android:id="@+id/login_button"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentLeft="true"
         android:layout_alignParentTop="true"
         android:src="@drawable/login_non_click" />

    <ImageView
        android:id="@+id/comapre_now_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/compare_now_non_click_state" />

    <ImageView
        android:id="@+id/search_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/comapre_now_button"
        android:src="@drawable/search_non_click" />

</RelativeLayout>

After i have sloved. posted my App's image i think this is helpful all

After editing i have posted my App's all Xml code i think this is helpful all.

<RelativeLayout
    android:id="@+id/myFragement"
    android:layout_width="wrap_content"
    android:layout_height="306dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginTop="44dp"
    android:layout_weight="1.77"
    android:orientation="horizontal" >

</RelativeLayout>

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="horizontal"
        android:weightSum="3" >
     <ImageView
             android:id="@+id/login_button"
                  android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"

             android:src="@drawable/login_non_click" />

        <ImageView
            android:id="@+id/comapre_now_button"
             android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
            android:src="@drawable/compare_now_non_click_state" />

        <ImageView
            android:id="@+id/search_button"
              android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
            android:src="@drawable/search_non_click" />

    </LinearLayout>

Answer 1

The answer that fida gave should provide what you want (or close to it). That is assuming that you want them all to take up 1/3 of the screen. Otherwise, you can eliminate the weight property and use margin between the Views or use empty Views between each of them and give an appropriate weight.

The reason you aren't getting them in a horizontal layout is because you have android:layout_width="match_parent" for the first ImageView so I'm guessing that is taking up the whole width. They should probably be android:layout_width="wrap_content". Also, for your last one, you have android:layout_below="@+id/comapre_now_button" which will obviously put it below the View with that id.

Assuming you want that in the center, you probably want android:layout_centerHorizontal="true" or android:layout_toRightOf="@id/someId" or android:layout_toLeftOf="id/someId"

Also, not the problem, but RelativeLayout doesn't have an orientation or weight property.

Answer 2

Try like below, put the ImageViews in an inner LinearLayout with horizontal orientation:

     <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal"
            android:weightSum="3" >
         <ImageView
                android:id="@+id/login_button"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/login_non_click" />
         <ImageView
                android:id="@+id/comapre_now_button"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/compare_now_non_click_state" />
         <ImageView
                android:id="@+id/search_button"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/search_non_click" />   
        </LinearLayout>