How to set size of the image?

Question

I have splash.png and want that this image take all place on the screen like fitXY for ImageView. splash.png has sizes 480x767.

What does I must to change in my code?

public class BitmapConfigView extends LinearLayout {
private Bitmap mImage;
private Paint mPaint = new Paint();

public BitmapConfigView(Context context) {
    super(context);

    BitmapFactory.Options opts = new BitmapFactory.Options();
    opts.inPreferredConfig = Bitmap.Config.ARGB_8888;
    opts.inScaled = false;
    mImage = BitmapFactory.decodeResource( getResources(), R.drawable.splash, opts);

    mPaint.setDither(true);
    setWillNotDraw(false);
    setOrientation(VERTICAL);
    setGravity(Gravity.BOTTOM);
}

@Override
protected void onDraw(Canvas canvas) {
    canvas.drawBitmap(mImage, 0.0f, 0.0f, mPaint);
}
}

I am trying to decide [link](http://stackoverflow.com/questions/8563370/how-to-apply-rgba-8888-and-dither-correctly/8563452#8563452) in different ways. Code in this question gives me excellent image but with wrong size. — Sviatoslav, Dec 19 '11 at 22:13

score 4 · Answer 1 · answered Dec 19 '11 at 21:51

4

Scale the bitmap. This is what you're looking for:
android.graphics.Bitmap.createScaledBitmap

answered Dec 19 '11 at 21:51

Adam Stelmaszczyk

19,665
4
70
110

In this case `bMapScaled = Bitmap.createScaledBitmap(mImage, 320, 480, false);` I get distortion on the gradient of the image :( – Sviatoslav Dec 20 '11 at 06:24
Try with filter = true (4th argument). – Adam Stelmaszczyk Dec 20 '11 at 11:18
`filter = true` made text on the image looks very well, but not gradient. I can send you a lite project .zip with image and activity if you've an opportunity watch it. – Sviatoslav Dec 20 '11 at 16:30

score 1 · Answer 2 · answered Dec 19 '11 at 21:45

This is how i usually do mine with a scale method.

public Bitmap getResizedBitmap(Bitmap bm, int newHeight, int newWidth) {

int width = bm.getWidth();

int height = bm.getHeight();

float scaleWidth = ((float) newWidth) / width;

float scaleHeight = ((float) newHeight) / height;

// create a matrix for the manipulation

Matrix matrix = new Matrix();

// resize the bit map
    matrix.postScale(scaleWidth, scaleHeight);   
// recreate the new Bitmap

Bitmap resizedBitmap = Bitmap.createBitmap(bm, 0, 0, width, height, matrix, false);

return resizedBitmap;

}

It's ok, but android.graphics.Bitmap.createScaledBitmap will do it for you :) — Adam Stelmaszczyk, Dec 19 '11 at 21:57

score 1 · Accepted Answer · answered Dec 25 '11 at 13:50

As a result, I used WebView:

public class TestwebViewimageActivity extends Activity {
private WebView wv;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    wv = (WebView) findViewById(R.id.webview);
    wv.setWebViewClient(new HelloWebViewClient());  
    wv.setBackgroundColor(0x00000000);
    wv.getSettings().setBuiltInZoomControls(false);
    wv.setVerticalScrollBarEnabled(false);
    wv.setHorizontalScrollBarEnabled(false);
    wv.loadUrl("file:///android_asset/6.html");

}

private class HelloWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
}
}

main.xml

<?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="fill_parent"
android:orientation="vertical">

   <WebView
   android:id="@+id/webview"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"/>
</LinearLayout>

6.html

<html>
<head>
<style type="text/css">

body {
margin: 0;
    background-color: black;
}

html, body, #my-image {
    width: 100%;
    height: 100%;
}

#my-image {
    background-size: cover;
    background-image: url(splash.png);
    background-position: center center;
    background-repeat: no-repeat;
}

</style>
</head>
<body>

<div id="my-image"></div>

</body>
</html>

How to set size of the image?

3 Answers3

Linked