Масштабирование ImageView по ширине устройства

Я действительно пробовал каждый ScaleType в моем ImageView с fill_parent и wrap_content, но ни один из них не работал. Я также пробовал все, что нашел в Google, но у меня тоже ничего не получалось, поэтому придумал что-то свое.

Было ясно, что ImageView не масштабирует мое изображение так, как я хотел, поэтому мне пришлось масштабировать его самостоятельно. После масштабирования растрового изображения я бы установил новое растровое изображение в качестве источника изображения для ImageView. Это работает довольно хорошо и очень хорошо выглядит на G1 и Motorola Milestone 2.

А вот и все куски моего кода

Макет:

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

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

            <ImageView android:id="@+id/news_image" 
                android:layout_height="fill_parent"
                android:layout_width="fill_parent"
                android:layout_marginLeft="18dip"
                android:layout_marginRight="18dip"
                android:background="#aaaaaa" />

    </LinearLayout>

</ScrollView>

Мероприятия

public class ScalingImages extends Activity {

    private ImageView imageView;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.test_margin);

        this.imageView = (ImageView)findViewById(R.id.news_image);

        // The image is coming from resource folder but it could also 
        // load from the internet or whatever
        Drawable drawable = getResources().getDrawable(R.drawable.img);
        Bitmap bitmap = ((BitmapDrawable)drawable).getBitmap();

        // Get scaling factor to fit the max possible width of the ImageView
        float scalingFactor = this.getBitmapScalingFactor(bitmap);

        // Create a new bitmap with the scaling factor
        Bitmap newBitmap = Util.ScaleBitmap(bitmap, scalingFactor);

        // Set the bitmap as the ImageView source
        this.imageView.setImageBitmap(newBitmap);
    }

    private float getBitmapScalingFactor(Bitmap bm) {
        // Get display width from device
        int displayWidth = getWindowManager().getDefaultDisplay().getWidth();

        // Get margin to use it for calculating to max width of the ImageView
        LinearLayout.LayoutParams layoutParams = 
            (LinearLayout.LayoutParams)this.imageView.getLayoutParams();
        int leftMargin = layoutParams.leftMargin;
        int rightMargin = layoutParams.rightMargin;

        // Calculate the max width of the imageView
        int imageViewWidth = displayWidth - (leftMargin + rightMargin);

        // Calculate scaling factor and return it
        return ( (float) imageViewWidth / (float) bm.getWidth() );
    }
}

Класс полезности

public class Util {

    public static Bitmap ScaleBitmap(Bitmap bm, float scalingFactor) {
        int scaleHeight = (int) (bm.getHeight() * scalingFactor);
        int scaleWidth = (int) (bm.getWidth() * scalingFactor);

        return Bitmap.createScaledBitmap(bm, scaleWidth, scaleHeight, true);
    }

}

Если есть лучший или более точный способ выполнить такое же масштабирование, пожалуйста, дайте мне знать, потому что я не могу поверить, что такую ​​тривиальную вещь так трудно выполнить.

Я действительно надеюсь увидеть лучший способ сделать это.

Спасибо за чтение.

самый простой способ - добавить android:adjustViewBounds="true" в ImageView и установить тип шкалы на "fitCenter"

Немного запутался в том, что именно вы ищете. Если вы масштабируете изображение по размеру экрана, у вас есть три варианта, два из которых являются жизнеспособными, если вы сохраняете пропорции. Вы можете использовать ScaleType fitCenter, который пропорционально уместит изображение в границах, или вы можете использовать centerCrop (который, как вы сказали, пробовали), который растянет самую короткую сторону изображения, чтобы соответствовать контейнеру (это означает, что некоторые из них будут обрезаны). в более длинном измерении). Вы не можете растянуть его, чтобы он соответствовал ширине и высоте без обрезки или непропорционального растяжения.

РЕДАКТИРОВАНИЕ: Хорошо, я думаю, теперь я понял вашу точку зрения. Во-первых, я бы установил для LinearLayout значение wrap_content для высоты. Во-вторых, в коде, вот один способ сделать это, который я могу придумать. Вероятно, есть и другой способ сделать это, сначала получив размеры экрана, затем выполнив createScaledBitmap с новыми размерами, а затем установив фоновый ресурс.

final ImageView newsImage = (ImageView)findViewById(R.id.news_image);

//get details on resolution from the display
DisplayMetrics metrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);

//going to set what happens as the layout happens
newsImage.getViewTreeObserver().addOnGlobalLayoutListener(
    new ViewTreeObserver.OnGlobalLayoutListener() {

        public void onGlobalLayout() {
            int oldHeight, oldWidth, newHeight, newWidth;

            //we want the new width to be as wide as the screen
            newWidth = metrics.widthPixels;

            oldHeight = newsImage.getDrawable().getIntrinsicHeight();
            oldWidth = newsImage.getDrawable().getIntrinsicWidth();

            //keeping the aspect ratio, the new height should be w1/h1 = w2/h2
            newHeight = Math.floor((oldHeight * newWidth) / oldWidth);
            LinearLayout.LayoutParams params = 
                (LinearLayout.LayoutParams)newsImage.getLayoutParams();
            params.height = newHeight;
            params.width = newWidth;
            newsImage.setLayoutParams(params);
            newsImage.setScaleType(ScaleType.CENTER);
            newsImage.invalidate();
            newsImage.getViewTreeObserver().removeGlobalOnLayoutListener(this);
        }
    }
}

Я везде гуглил и не мог найти решение. Вот что я сделал, это сработало для меня и с прокруткой.

XML-файл:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true" >

    <ImageView
        android:id="@+id/manga_page_image"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />
</ScrollView>

Программно через ImageView.setScaleType() пробовали ставить?

setAdjustViewBounds( false ) тоже может помочь.

Редактировать: извините, я неправильно прочитал вопрос. Тем не менее, setAdjustViewBounds() все еще может помочь. Хотя никогда им не пользовался.

Я хочу показать эти изображения во всю ширину устройства.

Это просто. У вас просто неправильные настройки маржи. Удалите эти строки, и ваше изображение будет отображаться во всю ширину устройства:

android:layout_marginLeft="18dip"
android:layout_marginRight="18dip" 

Я больше не вижу изображений, и вопрос старый, но на всякий случай, если кто-то еще найдет это и у него будет такая же проблема. Не лучше ли просто получить float screenWidth = getResources().getDisplayMetrics().widthPixels и программно установить ImageView LayoutParamters, чтобы масштабировать изображение до screenWidth. Просто идея!!

удалось достичь того, что я хотел, что, надеюсь, совпадает с вашей целью:

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

    ImageView PgContainer = (ImageView)findViewById(R.id.imageView1);

    String Page = String.valueOf(getIntent().getExtras().getInt("Page"));
    try {
        PgContainer.setImageBitmap(getBitmapFromAsset(Page));
    } catch (IOException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }

    PgContainer.setScaleType(ScaleType.FIT_CENTER);
    PgContainer.scrollTo(0, 0);
    PgContainer.setScrollBarStyle(0);
}

затем масштабировать растровое изображение:

private Bitmap getBitmapFromAsset(String strName) throws IOException
{
    AssetManager assetManager = getAssets();
    InputStream istr = assetManager.open(strName+".png");
    Bitmap bitmap = BitmapFactory.decodeStream(istr);

    float screenWidth = getResources().getDisplayMetrics().widthPixels;
    int ih=bitmap.getHeight();
    int iw=bitmap.getWidth();
    float scalefactor = screenWidth/iw;
    //w = 480, h=~
    //int newh = bitmap.getHeight()/bitmap.getWidth();
    return android.graphics.Bitmap.createScaledBitmap(bitmap, (int)(iw*scalefactor), (int)(ih*scalefactor), true);
    //return bitmap;
}

Один из способов сделать это — установить для android:adjustViewBounds="true" значение ImageView и установить тип шкалы "fitCenter" в XML-файле. Это должно работать, как ожидалось. Вы также можете сделать это программно, установив ImageView.adjustViewBounds(true) и ImageView.setScaleType(ScaleType.FIT_CENTER).