Android : Make two relative layout float right and left

on Friday, April 17, 2015


i have a simple question. I have made two relative layout , one contains image, other contains text. I want them to float to left and right respectively. Image layout should take 40% width whereas the text layout should have 60%.


How can i acheieve this? My xml code



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="10dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:background="#cccccc">

<!-- Name Label -->
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="150dp"
android:layout_gravity="right"
android:background="#eaeaea">
<ImageView
android:layout_width="150dp"
android:layout_height="wrap_content"
android:id="@+id/img"
android:src="@drawable/mike"/>


</RelativeLayout>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="left"
android:background="#fa6800">
<TextView
android:id="@+id/email"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingBottom="2dip"
android:textColor="#acacac"
android:text="email"
android:textStyle="bold"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello This is testing"
android:id="@+id/guid"
android:visibility="gone"/>

<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingBottom="2dip"
android:paddingTop="6dip"
android:textColor="#43bd00"
android:text="name:"
android:textStyle="bold"
android:visibility="gone"/>

<!-- Email label -->

<!-- Mobile number label -->
<TextView
android:id="@+id/mobile"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left"
android:text="Mobile: "
android:textColor="#5d5d5d"
android:maxLines="1"/>

</RelativeLayout>




</LinearLayout>

0 comments:

Post a Comment