how to keep aspect ratio with different android devices

Question

So I'm trying to put an image inside a scrollview and have the image stretch to fit different sized screens. It'll stretch horizontally, but vertically it always comes out messed up.

I've read so many pages of people with similar problems, but their solutions never work for me. I've tried every different combination possible using different scaleType,layout_width and layout_height, along with trying changing other things around. The closest I've gotten to getting it to work is shown in the code below, using scaleType="centerCrop". It's the only one that stretches the image vertically in ratio, but it cuts off a big chunk of the image from the top and bottom, it'll scroll up and down the image, but only the middle part shows.

The image is a 480x5500 jpeg, if that matters. Originally before I started messing with all that, the app worked just fine on my phone, but then later I realized the image was crunched when I tried it on a tablet. There's gotta be a way to do this in the xml right? I really don't want to have to do things with the image in the java code part. Also I'm hoping to be able to do this using just one image, I don't want to have use a different image for different screen sizes. Please help, thanks.

<?xml version="1.0" encoding="utf-8"?>

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:src="@drawable/paper" />
</ScrollView>

ok finally found something that worked for this problem. http://stackoverflow.com/a/4886871/1749781 — user1749781, Feb 17 '13 at 22:16

score 0 · Answer 1 · answered Feb 16 '13 at 05:13

0

may be this help you, make both height and width wrap_content of ImageView

  android:layout_width="wrap_content"
  android:layout_height="wrap_content"

and no need ScrollView here.

answered Feb 16 '13 at 05:13

Jignesh Ansodariya

12,583
24
81
113

didn't work, i tried using wrap_content on both height and width, with and without ScrollView, neither worked. – user1749781 Feb 16 '13 at 09:02

score 0 · Answer 2 · edited May 23 '17 at 12:32

0

Try using custom ImageView like AspectRatioImageView mentioned here:

https://stackoverflow.com/a/4688335/944070

edited May 23 '17 at 12:32

Community

1
1

answered Feb 16 '13 at 20:56

madlymad

6,367
6
37
68

android developer · Answer 3 · 2013-02-16T21:51:38.797

0

the next sample is more than what you ask for :

hotoview.sample

it fits the image to the screen , plus it allows to zoom in/out using pinching gestures.

edited Feb 16 '13 at 21:51

answered Feb 16 '13 at 21:31

android developer

114,585
152
739
1,270

how to keep aspect ratio with different android devices

3 Answers3