วิธีปรับขนาดภาพใน ImageView เพื่อรักษาอัตราส่วนภาพ

ใน Android ฉันกำหนดImageViewว่าlayout_widthจะเป็นfill_parent(ซึ่งใช้ความกว้างเต็มของโทรศัพท์)

หากภาพที่ฉันใส่ImageViewมีขนาดใหญ่กว่าlayout_widthAndroid จะปรับขนาดภาพใช่มั้ย แต่ความสูงล่ะ? เมื่อ Android ปรับขนาดภาพมันจะรักษาอัตราส่วนหรือไม่

สิ่งที่ผมพบคือว่ามีบางพื้นที่สีขาวที่ด้านบนและด้านล่างของImageViewเมื่อ Android ImageViewตาชั่งภาพที่มีขนาดใหญ่กว่าที่ มันเป็นเรื่องจริงเหรอ? ถ้าใช่ฉันจะกำจัดพื้นที่สีขาวได้อย่างไร

1. ใช่โดยค่าเริ่มต้น Android จะลดขนาดภาพของคุณให้พอดีกับ ImageView เพื่อรักษาอัตราส่วนภาพ แต่ให้แน่ใจว่าคุณกำลังตั้งภาพเพื่อ ImageView โดยใช้มากกว่าandroid:src="..." ทำให้อัตราส่วนภาพรักษาสัดส่วนภาพ แต่ทำให้ขยายและบิดเบือนภาพเพื่อให้พอดีกับขนาดของ ImageView (คุณสามารถใช้พื้นหลังและแหล่งที่มาในเวลาเดียวกันซึ่งอาจมีประโยชน์สำหรับสิ่งต่าง ๆ เช่นการแสดงเฟรมรอบ ๆ ภาพหลักโดยใช้ ImageView เพียงอันเดียว)android:background="..."src=background=

2. คุณควรเห็นandroid:adjustViewBoundsเพื่อให้ ImageView ปรับขนาดตัวเองเพื่อให้พอดีกับภาพที่ได้รับการ rescaled ตัวอย่างเช่นหากคุณมีภาพสี่เหลี่ยมในสิ่งที่ปกติจะเป็นสี่เหลี่ยม ImageView, adjustViewBounds = true จะทำให้มันปรับขนาด ImageView ให้เป็นสี่เหลี่ยมเช่นกัน จากนั้นจะมีผลต่อการจัดวางมุมมองอื่นรอบ ๆ ImageView

   จากนั้นตามที่ Samuh เขียนคุณสามารถเปลี่ยนวิธีการปรับขนาดเริ่มต้นของภาพโดยใช้android:scaleTypeพารามิเตอร์ โดยวิธีการวิธีที่ง่ายที่สุดในการค้นพบวิธีการทำงานนี้ก็คือการทดสอบตัวเองเล็กน้อย! เพียงจำไว้ว่าให้ดูที่เลย์เอาต์ในอีมูเลเตอร์ (หรือโทรศัพท์จริง) เนื่องจากภาพตัวอย่างใน Eclipse นั้นผิดปกติ

android:adjustViewBoundsดู

ตั้งค่านี้เป็นจริงหากคุณต้องการให้ ImageView ปรับขอบเขตเพื่อรักษาอัตราส่วนกว้างยาวของ drawable

สำหรับผู้อื่นที่มีปัญหานี้โดยเฉพาะ คุณมีสิ่งImageViewที่คุณต้องการให้มีความกว้างfill_parentและความสูงตามสัดส่วน:

เพิ่มคุณสมบัติทั้งสองนี้ในImageView:

android:adjustViewBounds="true"
android:scaleType="centerCrop"

และการตั้งค่าImageViewความกว้างและความสูงที่จะfill_parentwrap_content

นอกจากนี้หากคุณไม่ต้องการให้ภาพของคุณถูกครอบตัดให้ลองทำดังนี้:

 android:adjustViewBounds="true"
 android:layout_centerInParent="true"

หากคุณต้องการImageViewอัตราส่วนที่เพิ่มขึ้นและลดลงในขณะที่รักษาอัตราส่วนที่เหมาะสมให้เพิ่มลงใน XML ของคุณ:

android:adjustViewBounds="true"
android:scaleType="fitCenter"

เพิ่มไปยังรหัสของคุณ:

// We need to adjust the height if the width of the bitmap is
// smaller than the view width, otherwise the image will be boxed.
final double viewWidthToBitmapWidthRatio = (double)image.getWidth() / (double)bitmap.getWidth();
image.getLayoutParams().height = (int) (bitmap.getHeight() * viewWidthToBitmapWidthRatio);

ฉันใช้เวลาสักครู่กว่าจะได้งานนี้ แต่ดูเหมือนว่าจะใช้ได้ในทั้งสองกรณีที่ภาพมีขนาดเล็กกว่าความกว้างของหน้าจอและใหญ่กว่าความกว้างของหน้าจอและไม่ได้บรรจุภาพไว้

สิ่งนี้ใช้ได้กับฉัน:

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxWidth="39dip"
android:scaleType="centerCrop"
android:adjustViewBounds ="true"

สิ่งนี้แก้ปัญหาของฉันได้

android:adjustViewBounds="true"
android:scaleType="fitXY"

โค้ดด้านล่างใช้สำหรับอัตราส่วนภาพเป็นอัตราส่วน:

Bitmap bitmapImage = BitmapFactory.decodeFile("Your path");
int nh = (int) ( bitmapImage.getHeight() * (512.0 / bitmapImage.getWidth()) );
Bitmap scaled = Bitmap.createScaledBitmap(bitmapImage, 512, nh, true);
your_imageview.setImageBitmap(scaled);

ลองดูที่ImageView.ScaleTypeImageViewควบคุมและเข้าใจวิธีการปรับขนาดที่เกิดขึ้นใน เมื่อปรับขนาดภาพ (ในขณะที่รักษาอัตราส่วนภาพไว้) โอกาสที่ความสูงหรือความกว้างของภาพจะเล็กกว่าขนาดImageViewของภาพ

ใช้คุณสมบัติเหล่านี้ใน ImageView เพื่อรักษาอัตราส่วน:

android:adjustViewBounds="true"
android:scaleType="fitXY"

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:scaleType="fitXY"
    />

นี่คือวิธีการทำงานสำหรับฉันภายในข้อ จำกัด เค้าโครง:

<ImageView
    android:id="@+id/myImg"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:scaleType="fitCenter"
    android:adjustViewBounds="true"/>

จากนั้นในรหัสฉันตั้ง drawable เป็น:

ImageView imgView = findViewById(R.id.myImg);
imgView.setImageDrawable(ResourcesCompat.getDrawable(getResources(), R.drawable.image_to_show, null));

สิ่งนี้เหมาะกับภาพอย่างมากตามอัตราส่วนภาพและทำให้อยู่ในตำแหน่งกึ่งกลาง

ฉันมีภาพเล็กกว่าหน้าจอ หากต้องการให้มันขยายตามสัดส่วนให้สูงสุดและอยู่กึ่งกลางในมุมมองฉันต้องใช้รหัสต่อไปนี้:

<ImageView
    android:id="@+id/my_image"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_centerInParent="true"
    android:adjustViewBounds="true"
    android:layout_weight="1"
    android:scaleType="fitCenter" />

โปรดจำไว้ว่าหากคุณมีเลย์เอาต์ที่สัมพันธ์กันและมีองค์ประกอบบางอย่างตั้งไว้ที่ด้านบนหรือด้านล่างของ ImageView พวกมันจะทับซ้อนกันโดยภาพ

หากคุณภาพของภาพลดลง: ใช้

android:adjustViewBounds="true"

แทน

android:adjustViewBounds="true"
android:scaleType="fitXY"

สำหรับทุกคนที่คุณต้องการให้ภาพพอดีกับมุมมองภาพด้วยการปรับขนาดที่เหมาะสมและไม่มีการครอบตัด

imageView.setScaleType(ScaleType.FIT_XY);

โดยที่ imageView เป็นมุมมองที่แสดงถึง ImageView ของคุณ

คุณสามารถคำนวณความกว้างของหน้าจอ และคุณสามารถปรับขนาดบิตแมปได้

 public static float getScreenWidth(Activity activity) {
        Display display = activity.getWindowManager().getDefaultDisplay();
        DisplayMetrics outMetrics = new DisplayMetrics();
        display.getMetrics(outMetrics);
        float pxWidth = outMetrics.widthPixels;
        return pxWidth;
    }

คำนวณความกว้างของหน้าจอและปรับความสูงของภาพตามความกว้างของหน้าจอ

float screenWidth=getScreenWidth(act)
  float newHeight = screenWidth;
  if (bitmap.getWidth() != 0 && bitmap.getHeight() != 0) {
     newHeight = (screenWidth * bitmap.getHeight()) / bitmap.getWidth();
  }

หลังจากที่คุณสามารถปรับขนาดบิตแมป

Bitmap scaledBitmap=Bitmap.createScaledBitmap(bitmap, (int) screenWidth, (int) newHeight, true);

เมื่อทำสิ่งนี้โดยทางโปรแกรมให้แน่ใจว่าได้เรียกตัวตั้งค่าตามลำดับที่ถูกต้อง:

imageView.setAdjustViewBounds(true)
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP)

หากคุณต้องการให้ภาพของคุณครอบครองพื้นที่ที่เป็นไปได้สูงสุดตัวเลือกที่ดีที่สุดก็คือ

android:layout_weight="1"
android:scaleType="fitCenter"

โย่ไม่ต้องการโค้ดจาวาใด ๆ คุณเพียงแค่ต้อง:

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:scaleType="centerCrop" />

คีย์อยู่ในพาเรนต์การจับคู่สำหรับความกว้างและความสูง

ลองใช้android:layout_gravityImageView:

android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_gravity="center_vertical|center_horizontal"
android:layout_weight="1"

ตัวอย่างข้างต้นทำงานให้ฉัน

ฉันมีอัลกอริทึมในการปรับขนาดบิตแมปเพื่อให้พอดีกับขนาดคอนเทนเนอร์โดยคงอัตราส่วนไว้ โปรดหาวิธีแก้ปัญหาของฉันที่นี่

หวังว่านี่จะช่วยให้ใครบางคนลงเลน!

ฉันใช้สิ่งนี้:

<ImageView
android:id="@+id/logo"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_centerInParent="true"
android:scaleType="centerInside"
android:src="@drawable/logo" />

ในกรณีที่ใช้cardviewในการปัดเศษimageviewและแก้ไขandroid:layout_heightสำหรับส่วนหัวสิ่งนี้ใช้ได้สำหรับฉันในการโหลดรูปภาพด้วยGlide

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:tools="http://schemas.android.com/tools"
             android:layout_width="match_parent"
             android:layout_height="220dp"
             xmlns:card_view="http://schemas.android.com/apk/res-auto"
             >

    <android.support.v7.widget.CardView
            android:id="@+id/card_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center|top"
            card_view:cardBackgroundColor="@color/colorPrimary"
            card_view:cardCornerRadius="10dp"
            card_view:cardElevation="10dp"
            card_view:cardPreventCornerOverlap="false"
            card_view:cardUseCompatPadding="true">

        <ImageView
                android:adjustViewBounds="true"
                android:maxHeight="220dp"
                android:id="@+id/iv_full"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitCenter"/>

    </android.support.v7.widget.CardView>
</FrameLayout>

คุณสามารถปรับขนาดภาพที่จะลดขนาดของภาพของคุณ มีห้องสมุดให้คุณสามารถดาวน์โหลดและใช้งานได้ https://github.com/niraj124124/Images-Files-scale-and-compress.git

วิธีใช้ 1) นำเข้า compressor-v1.0 jar สำหรับโครงการของคุณ 2) เพิ่มโค้ดตัวอย่างด้านล่างเพื่อทดสอบ ResizeLimiter resize = ImageResizer.build (); resize.scale ("inputImagePath", "outputImagePath", imageWidth, imageHeight); มีวิธีการอื่น ๆ อีกมากมายตามความต้องการของคุณ

ผ่าน ImageView ของคุณและขึ้นอยู่กับความสูงและความกว้างของหน้าจอที่คุณสามารถทำได้

    public void setScaleImage(EventAssetValueListenerView view){
        // Get the ImageView and its bitmap
        Drawable drawing = view.getDrawable();
        Bitmap bitmap = ((BitmapDrawable)drawing).getBitmap();
        // Get current dimensions
        int width = bitmap.getWidth();
        int height = bitmap.getHeight();

        float xScale = ((float) 4) / width;
        float yScale = ((float) 4) / height;
        float scale = (xScale <= yScale) ? xScale : yScale;

        Matrix matrix = new Matrix();
        matrix.postScale(scale, scale);

        Bitmap scaledBitmap = Bitmap.createBitmap(bitmap, 0, 0, width, height, matrix, true);
        BitmapDrawable result = new BitmapDrawable(scaledBitmap);
        width = scaledBitmap.getWidth();
        height = scaledBitmap.getHeight();

        view.setImageDrawable(result);

        LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) view.getLayoutParams();
        params.width = width;
        params.height = height;
        view.setLayoutParams(params);
    }

คำตอบที่รวดเร็ว:

<ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="center"
        android:src="@drawable/yourImage"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

imageView.setImageBitmap(Bitmap.createScaledBitmap(bitmap, 130, 110, false));