XML Layout issue in Android

Question

I am trying a profile pic with name and email address in the linear Layout strangely this isn't coming up properly when I see in Graphical layout in eclipse I am not sure what is wrong.

Here is what I would like to expect:

enter image description here

Here is how it shows up:

enter image description here

Here is the code that I am using:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearTotalLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg"
android:baselineAligned="false"
android:orientation="horizontal" >

<LinearLayout
    android:id="@+id/LinearLayoutforImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight=".20" >

    <ImageView
        android:id="@+id/imageforprofile"
        android:layout_width="75dp"
        android:layout_height="75dp"
        android:paddingBottom="10dp"
        android:paddingTop="10dp"
        android:src="@drawable/profilepic" >
    </ImageView>
</LinearLayout>

<LinearLayout
    android:id="@+id/LinearLayoutforText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="left|center"
    android:layout_weight=".80"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textforprofile"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="left"
        android:text="testing"
        android:textColor="#FFFFFF"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/textforprofileemail"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="left"
        android:text="[email protected]"
        android:textColor="#FFFFFF"
        android:textStyle="bold" />
    </LinearLayout>

    </LinearLayout>

I am not sure where I am going wrong? Can somebody help me with this?

is this an xml for listView item??

Rod_Algonquin
– Rod_Algonquin

2014-07-29 03:28:26 +00:00
Commented Jul 29, 2014 at 3:28 — Rod_Algonquin
– Rod_Algonquin, Commented Jul 29, 2014 at 3:28

Aniruddha · Accepted Answer · 2014-07-29 03:53:06Z

3

Your very first LinearLayout (android:id="@+id/LinearTotalLayout") should have layout_height="wrap_content". That's all :)

edited Jul 29, 2014 at 3:53

Aniruddha

4,4872 gold badges24 silver badges39 bronze badges

answered Jul 29, 2014 at 3:31

anon

Sign up to request clarification or add additional context in comments.

1 Comment

TheDevMan Over a year ago

My bad.. I didn't try that part.. Thanks this worked!

Aniruddha · Accepted Answer · 2014-07-29 03:46:30Z

This will work according to your needs

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearTotalLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg"
android:baselineAligned="false"
android:orientation="horizontal" >

<LinearLayout
    android:id="@+id/LinearLayoutforImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight=".20" >

    <ImageView
        android:id="@+id/imageforprofile"
        android:layout_width="75dp"
        android:layout_height="75dp"
        android:paddingBottom="10dp"
        android:paddingTop="10dp"
        android:src="@drawable/profilepic" >
    </ImageView>
</LinearLayout>

<LinearLayout
    android:id="@+id/LinearLayoutforText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="left|center"
    android:layout_weight=".80"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textforprofile"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="left"
        android:text="testing"
        android:textColor="#FFFFFF"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/textforprofileemail"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="left"
        android:text="[email protected]"
        android:textColor="#FFFFFF"
        android:textStyle="bold" />
    </LinearLayout>

    </LinearLayout>

user3506595 · Accepted Answer · 2014-07-29 05:48:27Z

Change android:layout_height="wrap_content"

code will be like this;

  <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/LinearTotalLayout"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="@drawable/bg"
 android:baselineAligned="false"
 android:orientation="horizontal" >

<LinearLayout
android:id="@+id/LinearLayoutforImage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight=".20" >

<ImageView
    android:id="@+id/imageforprofile"
    android:layout_width="75dp"
    android:layout_height="75dp"
    android:paddingBottom="10dp"
    android:paddingTop="10dp"
    android:src="@drawable/profilepic" >
    </ImageView>
 </LinearLayout>

   <LinearLayout
   android:id="@+id/LinearLayoutforText"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="left|center"
   android:layout_weight=".80"
   android:orientation="vertical" >

  <TextView
    android:id="@+id/textforprofile"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="left"
    android:text="testing"
    android:textColor="#FFFFFF"
    android:textStyle="bold" />

<TextView
    android:id="@+id/textforprofileemail"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="left"
    android:text="[email protected]"
    android:textColor="#FFFFFF"
    android:textStyle="bold" />
</LinearLayout>

</LinearLayout>

Collectives™ on Stack Overflow

XML Layout issue in Android

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related