如何保持图像XY比例不变并使其在所有设备上看起来都一样?

时间:2014-06-03 11:35:57

标签: android android-layout android-linearlayout android-imagebutton

请查看此代码片段:

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:paddingBottom="35dp"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:paddingTop="10dp" >

        <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <ImageButton
            android:id="@+id/imageButton2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:paddingRight="5dp"
            android:scaleType="fitXY"
            android:src="@drawable/1" />

        <ImageButton
            android:id="@+id/imageButton3"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:paddingLeft="5dp"
            android:scaleType="fitXY"
            android:src="@drawable/2" />

        </LinearLayout>

    </LinearLayout>

我在我的Android应用中使用此代码,主要基于图像。我有适当缩放的问题。当我使用scaleType =“fitXY”(上面的代码)时,所有维度上的所有内容看起来都很好,但不是图像的高度。宽度适当拉伸,但高度不适合。我尝试使用centerInside,它不会拉伸我的图像并保持比例正常。但是,图像尺寸存在问题 - 在某些设备上它们太小了。我的问题是 - 如何使基于图像的应用程序在所有设备上看起来相同(或非常接近)?

样品:

http://i.stack.imgur.com/cjS5f.jpg 宽度和高度确定,但边距搞砸了,fitCenter http://i.stack.imgur.com/4BUTr.jpg 宽度还可以 - 但身高不是,fitXY

3 个答案:

答案 0 :(得分:0)

尝试替换

android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:scaleType="fitXY"

通过

android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:scaleType="centerInside"

由于您似乎试图水平填充屏幕,这会尽可能地在屏幕上拉伸图像而不会扭曲它们

如果您有一种可以裁剪的背景,只想水平放置,请尝试

android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:scaleType="center"

答案 1 :(得分:0)

如果要保留原始图像的高度/宽度比,可以在运行时执行此操作。 由于您需要ImageButton android:layout_width="fill_parent" android:layout_height="wrap_content",因此您可以调整以下代码:

BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;  // just compute size, don't create bitmap
BitmapFactory.decodeStream(stream, null, options); // stream is the InputStream representing the image you want to display
int imageHeight = options.outHeight;
int imageWidth = options.outWidth;
imageViewWidth = imageView.getWidth(); // imageView is the View container for the image you want to display
imageViewHeight = imageView.getHeight();
// Compute the sample size
double sampleSize = computePowerOfTwoInSampleSize(options, imageViewWidth, imageViewHeight);
if(sampleSize<1) { 
    options.inSampleSize = 1; 
}
else { 
    options.inSampleSize = (int) sampleSize; 
}
options.inJustDecodeBounds = false; // compute size and create bitmap  
bitmap = BitmapFactory.decodeStream(stream, null, options);
imageView.setImageBitmap(bitmap);
try { 
    stream.close(); 
} 
catch (IOException e) { 
    e.printStackTrace(); 
}

方法computePowerOfTwoInSampleSize就是这样的(考虑到调整为2的幂比其他值更有效):

private double computePowerOfTwoInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {
    // Raw height and width of image
    int height = options.outHeight;
    int width = options.outWidth;
    double inSampleSize = 1;        
    // compute the up-sample coefficient (power of 2)
    if(height < reqHeight && width < reqWidth) {
        while(height < reqHeight && width < reqWidth) {
            height = height*2;
            width = width*2;
            if(height < reqHeight && width < reqWidth) {
                inSampleSize = inSampleSize/2;
            }
        }
    }
    // compute the down-sample coefficient
    else {
        while(height > reqHeight || width > reqWidth) { 
            // Calculate ratios of height and width to requested height and width (power of 2)
            height = Math.round((float)height/2);
            width = Math.round((float)width/2); 
            inSampleSize = inSampleSize*2;
        }
    }
    return inSampleSize;
}

答案 2 :(得分:0)

您应将scaleType设置为Matrix并将其缩放到保持纵横比的最近侧(顶部和底部或左侧和右侧)。