android - Setting a background image to a view stretches my view

Question

I created a background image bitmap for a view and now the view is being stretched to the size of the background image....

is this normal?

<?xml version="1.0" encoding="utf-8"?>
    <bitmap xmlns:android="http://schemas.android.com/apk/res/android"
        android:src="@drawable/green"
        android:tileMode="repeat"/>

here's how I apply it to my view

v.setBackgroundResource(R.drawable.backgroundgreen);

for instance...

if the image is 500px in height and the view is 200px in height(being set wrap_content as height) after setting the image as background my view becomes 500px in height...

Answer 1

I have faced this same problem.

If the background image has a size that is bigger than the view's size, the view's size will change to match the image's size.

Solution

---

1. Put the view inside a Relative Layout.
2. Remove the background image.
3. Add an ImageView before the View inside the Relative Layout

4. Set the src of the ImageView to your background image

   <RelativeLayout
       .
       .
       . >
   
       <ImageView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_alignLeft="@+id/yourViewId"
           android:layout_alignRight="@+id/yourViewId"
           android:layout_alignTop="@+id/yourViewId"
           android:layout_alignBottom="@+id/yourViewId"
           android:adjustViewBounds="true" 
           //this will allow the image to resize with same proportions
           android:src="@drawable/yourDrawable" />
   
       <YourView
           android:id="@+id/yourViewId"
           .
           ..
           ... />
   
     </RelativeLayout>
   

---

This all can be done in code of course.