I have a layout with a textview and an imageview in the same line.
If text is too long it goes over the imageview.
I use layout as wrap_content.
Any idea how to fix it?
I want to do it without specifying a width in pixels.
Problem is with the @+id/ShowRecipe_RecipeNameId and the @+id/ShowRecipe_PTimeImageViewId
Here is the XML:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:orientation="vertical"
android:background="@drawable/main_bg" >
<RelativeLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="@+id/ShowRecipe_RecipeNameId"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/ShowRecipe_PTimeImageViewId"
android:layout_alignParentLeft="true"
android:layout_marginLeft="5dp"
android:textColor="@color/header_orange"
android:text="RecipeName"
android:textSize="21dip" />
<TextView
android:id="@+id/ShowRecipe_AuthorId"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/ShowRecipe_RecipeNameId"
android:layout_below="@+id/ShowRecipe_RecipeNameId"
android:layout_alignTop="@+id/ShowRecipe_DifficultyImageViewId"
android:textColor="@color/author_blue"
android:text="Author"
android:textSize="21dip" />
<ImageView
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/add_to_favourite"
android:layout_alignParentRight="true"
android:layout_marginTop="5dp"
android:layout_marginRight="5dp"
android:id="@+id/addRemoveFromFavouritesImageViewId" />
<!-- <ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/refresh_button"
android:id="@+id/ShowRecipe_RefreshImageViewId"
android:layout_alignTop="@+id/addRemoveFromFavouritesImageViewId"
android:layout_toLeftOf="@+id/addRemoveFromFavouritesImageViewId"
android:layout_marginRight="5dp" /> -->
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/rate_recipe_button"
android:id="@+id/ShowRecipe_RateImageViewId"
android:layout_toLeftOf="@+id/addRemoveFromFavouritesImageViewId"
android:layout_alignTop="@+id/addRemoveFromFavouritesImageViewId"
android:layout_marginRight="5dp" />
<ImageView
android:src="@drawable/time_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/ShowRecipe_RateImageViewId"
android:layout_alignRight="@+id/addRemoveFromFavouritesImageViewId"
android:layout_marginTop="10dp"
android:id="@+id/ShowRecipe_PTimeImageViewId" />
<ImageView
android:src="@drawable/difficulty_hard_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/ShowRecipe_PTimeImageViewId"
android:layout_alignLeft="@+id/ShowRecipe_PTimeImageViewId"
android:layout_marginTop="5dp"
android:id="@+id/ShowRecipe_DifficultyImageViewId" />
</RelativeLayout>
<TabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@+id/ShowRecipe_RatingBarId" >
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="5dp">
<FrameLayout
android:id="@android:id/tabcontent"
android:padding="5dp"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:layout_weight="1" />
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/recipe_book_tabs_bg"
android:layout_gravity="bottom" />
</LinearLayout>
</TabHost>
</LinearLayout>
I think by putting this
android:layout_toLeftOf="@+id/ShowRecipe_PTimeImageViewId"on the TextView and making that TextView width to fill_parent will solve the issue. I have modified the xml. Kindly check: