How to implement an android background that doesn t stretch

Question

I found this great thread describing how to  eat the cake and have it too   i e  use image for a Button instead of ImageButton  which doesn t allow SetText    resizing  etc     This is achieved by using the View attribute   android background   drawable bgimage    The only problem with this is that it stretches the image to fit the button size   Short of hard-coding a fixed button size  in pixels    is there a way to tell Android not to stretch the background image at all and either crop or pad it

User · Accepted Answer

You should use ImageView if you don t want it to stretch  Background images will always stretch to fit the view  You need to set it as a Drawable to force the image aspect to the object   Otherwise  if you are sticking with the Button idea  then you will need to force the scaling in the button to prevent the image from stretching   Code   onCreate Bundle bundle         Set content layout  etc up here       Now adjust button sizes   Button b    Button  findViewById R id somebutton     int someDimension   50    50pixels   b setWidth someDimension     b setHeight someDimension

User · Answer

Use draw9patch    included within Android Studio s SDK tools   You can define the stretchable areas of your image   Important parts are constrained and the image doesn t look all warped   A good demo on dra9patch is HERE  Use draw9patch to change your existing splash png into new splash 9 png  drag new splash 9 png into the drawable-hdpi project folder ensure the AndroidManifest and styles xml are proper as below    AndroidManifest xml    lt application             android theme   style splashScreenStyle   gt    styles xml    lt style name  splashScreenStyle  parent  Theme AppCompat Light DarkActionBar  gt       lt item name  android windowBackground  gt  drawable new splash lt  item gt   lt  style gt

User · Answer

I had the same problem  you should only use a 9-patch image   9 png  instead of your original picture   Serge

User · Answer

I am using an ImageView in an RelativeLayout that overlays with my normal layout  No code required  It sizes the image to the full height of the screen  or any other layout you use  and then crops the picture left and right to fit the width  In my case  if the user turns the screen  the picture may be a tiny bit too small  Therefore I use match parent  which will make the image stretch in width if too small    lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent  gt        lt ImageView         android id    id main backgroundImage          android layout width  match parent            comment  Stretches picture in the width if too small  Use  wrap content  does not stretch  but leaves space          android layout height  match parent            in my case I always want the height filled          android layout alignParentTop  true          android scaleType  centerCrop            will crop picture left and right  so it fits in height and keeps aspect ratio          android contentDescription   string image          android src   drawable your image    gt        lt LinearLayout         android id    id main root          android layout width  match parent          android layout height  match parent          android orientation  vertical   gt       lt  LinearLayout gt    lt  RelativeLayout gt

User · Answer

One can use a plain ImageView in his xml and make it clickable    android clickable  true    You only have to use as src an image that has been shaped like a button i e round corners

User · Answer

I had a background image  not big in size  but with weird dimensions - therefore the stretching and bad performance  I made a method with parameters Context  a View and a drawable ID int  that will match the device screen size  Use this in e g a Fragments onCreateView to set the background   public void setBackground Context context  View view  int drawableId       Bitmap bitmap   BitmapFactory decodeResource context getResources   drawableId        bitmap   Bitmap createScaledBitmap bitmap  Resources getSystem                 getDisplayMetrics   widthPixels               Resources getSystem   getDisplayMetrics   heightPixels               true        BitmapDrawable bitmapDrawable   new BitmapDrawable context getResources                                         bitmap        view setBackground bitmapDrawable

User · Answer

Here s a version of Santosh s answer for programmatically-created buttons  without the need for a separate XML configuration   Button button   new Button getContext     Bitmap backgroundBitmap   BitmapFactory decodeResource getResources    R drawable my button   BitmapDrawable backgroundDrawable   new BitmapDrawable getResources    backgroundBitmap   backgroundDrawable setGravity Gravity CENTER      also LEFT  CENTER VERTICAL  etc  backgroundDrawable setColorFilter new PorterDuffColorFilter Color RED  PorterDuff Mode SRC ATOP    button setBackground backgroundDrawable     I included the ColorFilter line since that works a little differently from buttons with a normal background image

User · Answer

The key is to set the drawable as the image of the button  not as a background  Like this   rb setButtonDrawable R drawable whatever drawable

User · Answer

You can create an xml bitmap and use it as background for the view  To prevent stretching you can specify android gravity attribute   for example    lt  xml version  1 0  encoding  utf-8   gt   lt bitmap xmlns android  http   schemas android com apk res android      android src   drawable dvdr      android tileMode  disabled  android gravity  top   gt   lt  bitmap gt    There are a lot of options you can use to customize the rendering of the image  http   developer android com guide topics resources drawable-resource html Bitmap

User · Answer

Simply using ImageButton instead of Button fixes the problem    lt ImageButton android layout width  30dp               android layout height  30dp               android src   drawable bgimage    gt    and you can set   android background   null    to remove button background if you want   Quick Fix     -

User · Answer

You can use a FrameLayout with an ImageView as the first child  then your normal layout as the second child    lt  xml version  1 0  encoding  utf-8   gt   lt FrameLayout     xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent  gt      lt ImageView         android id    id background image view          android layout width  match parent          android layout height  match parent          android scaleType  centerCrop          android src   drawable your drawable   gt      lt LinearLayout         android id    id your actual layout          android layout width  match parent          android layout height  wrap content          android orientation  vertical  gt      lt  LinearLayout gt    lt  FrameLayout gt

[android] How to implement an android:background that doesn't stretch?

Examples related to android

Examples related to android-layout